div med overflow - height 100% dog XXXpx fra top og bund
Hej EksperterJeg forsøger at få mit div (contentarea) til at følge højden på siden, dog -291px fra top og -58px fra bottom. Nedenstående virker i firefox, men ikke i IE... Nogen der kender en løsning?
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css" media="screen"><!--
body {margin: 0 0 0 0; overflow: auto}
#leftside { background-image: url(grafik/v_side_bg.jpg); width: 20px; height: 100%; position: absolute; z-index: 80 }
#rightside { background-image: url(grafik/h_side_bg.jpg); width: 20px; height: 100%; position: absolute; z-index: 100; margin-left: 744px}
#container { background-color: #f30; margin-left: -382px; position: absolute; left: 50%; width: 764px; height: 100% }
#logotop {background-image: url(grafik/top_bg.jpg); width: 724; height: 63px; position: absolute; margin-left: 20px; z-index: 80;}
#flasharea {background-color: #3b5a74; width: 528px; height: 226px; position: absolute; margin-left: 21px; margin-top: 64px;}
#menuarea {background-color: #C3D3E2; width: 193; height: 226px; position: absolute; margin-left: 550; margin-top: 64px;}
#contentarea { background-color: #006300; overflow: auto; position: absolute; z-index: 80; margin: 0 0 0 21; top: 291px; bottom: 58px; width: 528px; height: auto;}
#bund {background-image: url(grafik/bund_adresse.jpg); width: 724px; height: 57px; position: absolute; margin-top: -57px; top: 100%; margin-left: 20px; z-index: 80;}
--></style>
</head>
<body bgcolor="#ffffff">
<div id="container">
<div id="leftside"></div>
<div id="logotop"><a href="default.asp?lang=<%=lang%>" target="_top"><img src="grafik/top_logo.jpg" border="0"></a></div>
<div id="flasharea">528x226</div>
<div id="rightside"></div>
<div id="menuarea">menu</div>
<div id="contentarea">billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>billeder<br>
billeder<br></div>
<div id="bund"></div>
</div>
</body>
</html>
