nicht angemeldet
<div style="height:100%; width:100%;"> ## Ganze Fenstergröße
Nein. 100% Höhe vom Elternelement. Und welche Höhe hat dieses?
Gute Frage. 100% body.
<div style="width:95%; height:90%;"> ## Umrahmter Bereich, wird zentriert
Wo wird hier zentriert? Die Breite und Höhe wird lediglich reduziert.
Upps, sorry, im oberen div fehlen die text-align und vertical-align.
<div style="min-width:100%; max-width:100%; text-align:center; height:25%;"> ## 1/4 der Höhe des zentrierten Blocks für den Header
Wenn min-width = max-width, welche andere Interpretation als width:100% bleibt dann noch?
Keine. Ziel erreicht. Ohne dieses (leicht merkwürdige) Konstrukt passt sich die Breite immer mal wieder an.
<div style="min-width:100%; max-width:100%; height:71%; max-height:71%;"> ## 71% der Höhe des zentrierten Blocks für Content
Wenn height:71%, dann erübrigt sich max-height.
Nicht unbedingt. Wenn ich das Fenster sehr schmal mache, passt sich sonst die Größe an und die Bereiche überlagern sich.
<div style="min-width:100%; max-width:100%; height:4%;"> ## 4% für die Navigation
4% von 90% der Höhe des ersten Divs.
Jepp.
Die Frage ist für mich jetzt nur: Warum bitteschön redert Opera ohne das topmargin=0 im body den div-Block für den Content so schrottig?
Thomas