Ein Element horizontal und vertikal zentrieren ohne JavaScript!

Hier eine reine CSS Technik die ermöglicht, dass man ein Element, mit dynamischer höhe, horizontal und vertikal einmitten kann.

Schau dir den Quellcode dieser Seite an.

getestet mit

Win: ie6, ie7, ie8, chrome 2, Firefox 2
Mac: safari 3, safari 4 (beta), firefox 3, opera 9

IE6 und IE7 stellen die Scrollbar nicht dar, wenn der Inhalt grösser ist als das Browserfenster.