nicht angemeldet
Hi,
ich habe ein Problem mit verschachtelten divs, die jeweils 100% Hoehe annehmen sollen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<style type="text/css">
html {
height:100%;
}
body {
color:#000;
background-color: #7F8175;
margin:0;
padding:0;
height:100%;
font-size: 100.1%;
}
#content {
min-height:100%;
width:50em;
background-color:#fff;
}
#left {
width:20em;
height:100%;
background-color: green;
}
</style>
</head>
<body>
<div id="content">
<div id="left">
test<br><br><br>test<br><br><br>test<br><br><br>test<br><br><br>test
</div>
</div>
</body>
</html>
Das innere Div "left" nimmt nur dann 100% Hoehe an wenn ich fuer #content anstelle von min-height ebenfalls height setze - mit dem entsprechenden Effekt eines "herausragenden" Inhaltes.
Gibs dafuer eine Loesung?
Ich sehe bisher nur:
1. die Divs ohne Verschachtelung positioniert nebeneinander zu legen - perfekt im Mozilla - aber in keinem anderen Browser, weil die Divs dann unterschiedliche Hoehen annehmen, und nicht mal einen gemeinsamen Rahmen haben.
2. height auf 100% setzen und zusaetzlich mit javascript die Hoehe anpassen.
3. Tabellen Layout
Waere nett, wenn jemandem noch was einfaellt.
Gruesse, Joachim
Am Ende wird alles gut.