Pete: Vertical mittig margin/4 anstatt durch 2?

Beitrag lesen

Hi,

wenn ich ein simples Div mittig zentrieren will, dann dachte ich

(BodyHöhe - DivHöhe)/2 also (100%-80%)/2 = Marginwert 10%

also:

html,body{margin:0;padding:0;height:100%;}
div{
height:80%;
width:80%;
margin:8% auto;
border:1px solid #000000;
}

Hier bin ich sogar extra unter dem Limit geblieben also nur 8%.

Seltsamerweise funktioniert das gewünschte Ergebnis aber nur wenn ich durch 4 teile, also (BodyHöhe - DivHöhe)/4

Da sowohl IE als auch FF nur bei geteilt/4 das zeigen was ich ich möchte, gehe ich mal von einem Denkfehler bei mir aus, welcher?

Pete