SELFHTML-FAQ: Vertikale Zentrierung

[Christoph]

Moin.

Ich habe beim Stöbern festgestellt, dass im FAQ nur die Lösung mit negativen margin-Werten vorgestellt wird, wobei jedoch nicht auf die Probleme bei zu kleinem Viewport (durch Scrollen nicht mehr erreichbare Inhalte) eingegangen wird.

Vielleicht sollte man den Bereich etwas erweitern und gegebenenfalls zumindest eine der Versionen verlinken, die dieses Problem nicht haben (z.B. http://forum.de.selfhtml.org/archiv/2005/11/t119025/#m763225).

Mein persönlicher Favorit ist übrigens folgende Variante, die mit absoluter Positionierung und ohne zusätzliche Elemente auskommt (gefunden hier), aber dafür leider in keiner Version des IE funktioniert:

  
div {  
 position: absolute;  
 top: 0;  
 bottom: 0;  
 left: 0;  
 right: 0;  
 margin: auto;  
 width: 30em;  
 height: 20em;  
}  

Christoph