boksmodellen og float:left; der ikke virker
Hej...jeg har lidt problemer med boksmodellen.
jeg kan ikke få min div:content til at blive indenfor div:container...
det kan jeg ikke forstå.
nogen der kan hjælpe?
det kan ses på http://sapenitia.dtl-design.dk
jeg har følgender css:
. . : : style.css : : . .
body {
background-image: url("back.gif");
background-repeat: repeat;
background-attachment: fixed;
background-color: #CCC;
background-position: center;
margin: 4px;
padding: 4px;
font-family: Verdana, Myriad Web, Syntax, helvetica, arial, sans-serif;
font-size: 11px;
color: #000;
}
/**** CONTAINER ****/
#container {
width: 612px;
border: 1px solid #000;
background-color: #FFF;
text-align: left;
margin: auto;
}
/**** TOPBANNER ****/
#head {
background-image: url("001_sapenitia.gif");
background-color: #FFF;
width: 598px;
height: 170px;
margin: 6px 7px 0 7px;
text-align: center;
border-width: 0px;
}
/**** MENULINIE ****/
#menu {
background-color: #7D7D7D;
width: 598px;
height: 24px;
text-align: left;
margin: 6px 7px 0 7px;
padding: 0;
border-width: 0px;
}
/**** content ****/
#content {
padding: 0;
background-color: #FFF;
width: 598px;
margin: 6px 7px 6px 7px;
border-width: 0px;
}
#left {
background-color: #EBEBEB;
width: 395px;
padding: 0;
margin: 0;
border-width: 0px;
float: left;
position: absoulte;
}
#right {
background-color: #EBEBEB;
margin: 0 0 0 402px;
padding: 0 0 0 0px;
width: 193px;
border-width: 0px;
position: relative;
}
. . : : index.php : : . .
<body>
<div id="container">
<div id="head"></div>
<div id="menu"></div>
<div id="content">
<div id="left">asdf asf asf afd asdf asdf asfd afas
fd asfd asdfasdf afd asdf asdf asfd sadf sadf sadf
sadf asdf asdf asfdas fdas fas fasfd as
fd asfd asdf sadf asdf sadf asdf asfd asdf asdf asdf asfd
a sfdas fdasdf asfd asfd sadf sa
fd asfd asdf sadf asfd
asdf asdf asdf asfdas fdsafd asdf asfd asfd asdf asfd asd
f asfd asfds afds afasdf asdf asdf asdf sadf sadf asdf asdf
asdf sadf sadf asdf asdf a
sdf a
sdf sadf
</div>
<div id="right"> fisk
</div>
</div>
</div>
</body>
