Seppelfricke: 100% höhe in einer Box mit 100% höhe

Beitrag lesen

Hallo Gemeinde,

Ich möchte in einer ccs Box mit 100% Höhe und fester Breite eine Box anzeigen lassen die, mit fester Breite und auch 100% Höhe. Problem ist das die Box2 keine 100% Höhe anzeigt. Mir raucht der Kopf. Wer weis mehr?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>bla</title>
<STYLE TYPE="text/css">
html, body{
margin:0px;
padding:0px;
text-align:center;
height:100%;
min-height:100%;
background-color: #336699;
}

#box{
width:61em;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: #000033;
min-height:inherit;
height:auto !important;
height:100%;
}

#box2{
width:30em;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: #330033;
min-height:inherit;
height:auto !important;
height:100%;
}
</STYLE>

</head>
<body>
<div id="box">test
<div id="box2">test1
</div>
</div>
</body>
</html>

Danke
Seppelfricke