Det er en nitte - du skal bruge en tabel istedet
- eller et javascript men det er nok ikke optimalt ...
... Du kan måske også bare lade dem flugte kunstigt ved at kaste
en baggrundsfarve på hoveddiv'en cleare (af hensyn til FF) ... men
det fusk med bare at definere baggrunden fordrer så at det ene element
altid er højere eller ligeså højt som det andet - og at man ved hvilket
element der altid er det højeste ...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
#container {
width: 780px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
text-align:left;
margin:0px auto 30px auto;
}
#top {
width: 760px;
height:20px;
/*background-color:#999999;*/
margin: 10px auto 5px auto;
border: 1px solid #99CC00;
}
#header {
width: 760px;
height:80px;
margin: 0px auto 5px auto;
border:1px solid #009933;
}
#footer {
width:760px;
height:25px;
/*border-top:1px solid #6633CC;*/
background-color:#999999;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
margin:0px auto;
}
#main {
height:auto;
width: 760px;
margin: 0px auto 5px auto;
border:1px solid #FF33CC;
background-color:#CCCCCC;
}
#menu {
width:160px;
float:left;
}
#content {
width:596px;
float:right;
border:1px solid #FF33CC;
background:#888888;
}
.clear{clear:both;}
</style>
</head><body>
<div id="container">
<div id="header">Head</div>
<div id="footer">Bar</div>
<div id="main">
<div id="content">
Content
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="menu"></div>
<div class="clear"></div>
</div>
<div id="footer">Footer</div>
</div>
</body></html>
