+ Mozilla - warum so und nicht anders?

[Axel Richter]

Hallo,

ein Div mit folgendem CSS

div#Test{
position: relative;
width: 50%;
height: 50%;
/* sonstiges */
}

wird im IE wie erwartet angezeigt; der Mozilla 1.3 jedoch beachtet die Höhenangabe _nicht_ - das Div ist so hoch wie der Inhalt (ein paar Worte Text).

Warum?

50% wovon? Wie hoch ist das Element in dem das DIV existieren soll? Ist das das BODY-Element? Dann:

html, body {height:100%; margin:0; padding:0;)

Erklärung:
BODY existiert im HTML-Element und orientiert sich an dessen Höhe. HTML existiert im Browser-Fenster-Anzeigebereich und orientiert sich an dessen Höhe. Wenn Margins und/oder Paddings im BODY existieren, wird height:100% um diese Werte _höher_ als der Browser-Fenster-Anzeigebereich.

viele Grüße

Axel