SK: "height: 100%" bei DIVs funktioniert nur ohne Doctype?

Beitrag lesen

?? Hä?

Das DIV ist das erste Element im Body! Es gibt keine übergeordnete Box.

und soweit ich weiß, muss/soll man  für den Body keine Höhe angeben ;)

Da „weißt“ du falsch.

Schön, ich habe jetzt alle HTML-Attribute wieder durch CSS-Eigenschaften ersetzt und für body eine Höhe von 100% angegeben. Das DIV wird trotzdem nicht verlängert.

Und damit wir uns nicht falsch verstehen, hier ein Beispiel. Vielleicht kannst du mir anhand dessen erklären, was ich falsch mache.

(HTML)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>untitled</title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
  <div id="main">
   .........
  </div>
 </body>
</html>

(Externe CSS-Datei)
body  {
 height: 100%;
}

#main {
 background: #808080;
 width: 50%;
 height: 100%;
}