Rufus: Problem mit "height:100%"

Beitrag lesen

SELF-Forum

Problem mit "height:100%"

Rufus
– Informationen zu den Bewertungsregeln

Danke für die Infos. Scheint ja keine wirklich brauchbare lösung zu geben, bis IEx dann mal CSS3 versteht.

Alternativ über Div-Verschachtelung ...

Schön wäre es...ich hab da so meine Probleme.
Noch ein Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style>
html, body, .height100{
 height:100%;
/*
 box-sizing: border-box;
 -moz-box-sizing: border-box;
*/
}
</style>
</head>
<body style="margin:0px;padding:0px;border:none;">
<div class="height100">
<div  class="height100" style="border: 1px solid blue;padding:30px">
Scrollbar!
</div>
</div>
</body>
</html>

Die Höhenangabe im inneren div richtet sich natürlich nach der inneren Höhe des umgebenden div. Leider kommt natürlich dann noch padding DAZU. Es ist zum heulen. Mit dem (idiotischem?) Modell hat sich die W3C ja nich grad mit Ruhm bekleckert.
Es gibt also mit CSS2 also keinen Weg -beispielsweise- ein seitenfüllendes Dokument imViewport des Browsers zu erzeugen?
Oder kennt jemand die Lösung?

Beitrag melden
–
Informationen zu den Bewertungsregeln