Testdesign 5

Es gibt ein neues Testdesign. Ziel war es, einen Container mit fester Breite und Höhe sowohl horizontal als auch vertikal zu zentrieren.

Die Methode besteht darin, den Container zuerst um 50% des Viewports nach unten und nach rechts zu verschieben (mittels absoluter Positionierung) und dann über negative Margins in Höhe der halben Containerbreite wieder nach links und in Höhe der halben Containerhöhe wieder nach oben zu korrigieren.

In meinen Browsern auf MacOSX (Safari, Firefox, Opera) klappt das auch prima. Verschiedene Browser auf anderen Systemen bekommen das mit der vertikalen Zentrierung allerdings nicht so ganz hin.

Hübsch geworden ist es trotzdem. Vielleicht finde ich ja noch heraus, wie man das mit der vertikalen Zentrierung in anderen Browsern bzw. auf anderen Systemen auch hinkriegt.