Zu den Artikeln...

dyingeyes weblog: das persönliche Weblog von Boris Stumpf aus Frankfurt am Main

Zur Top-Navigation...

CSS: Inhalt allseitig zentrieren

23. October 2004 – 0:39 Uhr

Das Problem: Inhalte auf einer (X)HTML-Seite sollen sowohl horizontal als auch vertikal zentriert werden. Dies nach Möglichkeit natürlich – CSS wie XHTML – ‘valide‘.

Die Lösung basiert auf absoluter Positionierung:
Das DIV, das die zu zentrierenden Inhalte enthalten wird, wird je 50 Prozent von links (left) und von oben (top) abgesetzt. Damit setzt man die linke obere Ecke des DIVs genau in die Seitenmitte. Festlegen muss man für das DIV nun eine Höhe und eine Weite (height, width). Jeweils die Hälfte dieser Werte setzt man nun als negative obere (margin-top) bzw. linke (margin-left) ‘margin‘. Hiermit verschiebt man folgerichtig die geometrische Mitte des DIVs in die Seitenmitte. Hier ein Beispiel zur Anschauung, CSS im Quelltext:

Komplett zentrierter Inhalt mit CSS

Die Lösung hatte ich selbst einmal vor geraumer Zeit ertüftelt (schwitz…), aber inzwischen wieder beiseite gelegt und vergessen, weil nie genutzt – wiedergefunden habe ich sie dankenswerterweise just hier:

CSS-Intensivstation
Dort auch der Hinweis, dass diese Lösung wohl nicht im IE/Mac funktioniert, was ich nicht überprüfen kann.

Aber sie sollte bei Kronns zentralem Browserproblem trotzdem hilfreich sein…

Creative Commons License
Dieser Inhalt (Textbeitrag und Fotos) ist unter einer Creative-Commons-Lizenz BY-NC-ND lizenziert.

Die Kommentarfunktion ist deaktiviert

Voriger Artikel: Scharfe Tastenkombinationen in Firefox/Mozilla
Nächster Artikel: URL-Rewriting, .htaccess, Trackbacks usw.

2004-2010 | Layout, Theme und Inhalte: Boris Stumpf – dyingeyes weblog | Impressum | Wordpress

Zuletzt Kommentiert:

  • Anne am 16.8.2010:
    Hi Boris, Da denke ich dann auch gerne mal an Klaus Kinskiy mit “Von wem ich mich beleidigen...
  • Pepino am 5.8.2010:
    In der Tat, das finde ich sogar sehr beruhigend! PS: Danke für’s erwähnen und für’s...
  • zungenwerk am 21.6.2010:
    …..höchste zeit jemanden zu suchen, der dir auf die harley hilft…..
  • Andi am 20.6.2010:
    Tja, es ist gar nicht mehr so einfach ein Handy zu finden, mit dem man nur telefonieren...
  • Mario H. am 16.6.2010:
    Ach was, das ist viel zu unsicher. Bloß nirgendwo notieren – am besten gleich vergessen.
  • Anne am 14.6.2010:
    Ach weißt Du, Das ist immer derselbe Mist mit den Verkäufern (gerade von Mobiltelefonen), die...

Kategorien: