Højde 100% er da ikke svært i nogensomhelst browsere, man skal bare være opmærksom på, at W3C eksplicit foreskriver, at en relativ højde skal beregnes på baggrund af et omgivende elements _angivne_ højde, hvilket altså betyder, at der skal være en angivelse et-eller-andet sted for at det virker, med 100% skal det også ligge på dokument- og body-elementet ...
-- og den fuldkomne løsning på at have en bredde på 100% - 300px er desværre javascript, faktisk giver også kombinationen af tabel-celler og andre elementer problemer i visse sammenhaænge (spørg ikke i hvilken browser ,-)
-- og det skal da tilføjes, at tabeller ikke er hverken 80'er- eller 90'er-forældet, men åbenbart af nogle, der kun læser halvt igennem teksten, dømt til at være ude på baggrund af tidligere tiders mangel på design-elementer, der skabte 90'ernes ekstreme tabelhelveder med nestede tabeller i mange niveauer og spacer.gifs til at spænde dem ud ...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>To bokse i fuld højde ved siden af hinanden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{height:100%;position:relative;}
#menubox{height:100%;position:absolute;top:0;left:0;width:300px;background-color:red;}
#menushadow{height:100%;float:left;width:300px;}
</style>
</head>
<body>
<div id="site">
<div id="menushadow">Dette er usynligt</div>
<div id="menubox">
Her placeres venstreindhold
</div>
Her skal det resterende indhold placeres
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
