nicht angemeldet
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.
Das div#Test befindet sich in einem Eltern-Div, das allerdings keinerlei CSS-Eigenschaften explizit zugewiesen hat; dieses Eltern-Div ist Kindelement von <body>, welches rechts, links und oben einen margin von 5% hat.
Wenn ich Dich richtig verstanden hab', dann erben die Kindelemente die Höhenangaben genauso wie andere Eigenschaften auch? Dann müsste doch eigentlich das betreffende div die 50% Höhe am Eltern-Element ausrichten und damit ja eigentlich größer sein, als es dargestellt wird???
Verwirrte Grüße
Michael