Problemer med at få højden til at justrerer sig korrekt
Hej ekseperterJeg har følgende hiraki i mine Divs.
Body
- Container
- Sitename
- Nav
- Wrap1
- Wrap2
- avmenu
- content
- Footer
eller i koden ser det sådan ud:
<body>
<div id="container">
<div id="sitename">
</div>
<div id="nav">
</div>
<div id="wrap1">
<div id="wrap2">
<div id="avmenu"></div>
<div id="content"></div>
</div>
</div>
</div>
</body>
Problemet er at kun "wrap1" justerer sig efter indholdet i content og avmenu. Kan på ingen måde få wrap2 til at gøre det, har også prøvet at lave en wrap3.
Problemet eksisterer kun i Firefox og Google Chrome!!
CSS Koden ser sådan her ud:
body
{
background: #FFFFFF url(Layout/bodybg.gif) repeat-x;
color: #505050;
font: x-small verdana;
margin: 0;
padding: 0;
text-align: center;
}
#container
{
background:#c0c0c0 url(Layout/bodybg.gif) repeat-x;
margin:0 auto;
text-align:left;
width:950px;
}
#wrap1
{
border-bottom:1px solid #9797ab;
border-left:1px solid #9797ab;
border-right:1px solid #9797ab;
clear:both;
padding:0;
width:928px;
padding: 10px;
background-color: #c1c2cc;
}
#wrap2
{
border: 1px solid #9797ab;
/*background:url(img/header.jpg) top left no-repeat;*/
padding: 10px;
width: 908px;
background-color: #FFFFFF;
}
.avmenu
{
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: xx-small;
}
.content
{
float:left;
padding:10px;
line-height: 1.6em;
text-align: left;
}
