Få DIV til at fylde fra 110px fra top og resten af siden ned
Jeg arbejder med følgende kode. Problemet er at div med id=content skal fylde fra 110px fra toppen (det virker ok) og resten af siden ned, dvs. i princippet 100%-110px (det kan jeg ikke greje hvordan man gør).Koden er
<html>
<head>
<style>
html, body {height:100%;margin:0px;background:white;}
div#body {
position:absolute;
z-index:1;
top:0px;
left:50%;
margin-left:-350px;
height:100%;
background:rgb(219,210,155);
width:700px;
}
div#topbar {
position:absolute;
z-index:2;
top:5px;
left:50%;
margin-left:-375px;
height:100px;
background:blue;
width:750px;
}
div#content {
position:absolute;
z-index:2;
top:110px;
left:50%;
margin-left:-250px;
height:100px;
background:red;
width:500px;
}
</style>
</head>
<body>
<div id="topbar">
Her skal være menu mm.
</div>
<div id="content">
Her skal teksten være... Men DIV-en skal fylde hele vejen ned til bunden. Og ved overflow, skal man kunne scrolle teksten frem
</div>
<div id="body">
</div>
</body>
</html>
