Vertikal zentrieren in CSS 14. September 2006 um 08:26 Uhr / Webdesign

Eingestellt am 14. September 2006 um 08:26 Uhr » Webdesign

Jedes mal wenn mich jemand nach einer Möglichkeit unbekannt hohe Inhalte vertikal zu zentrieren fragte habe ich automatisch die SELFHTML FAQ verwiesen, wo gezeigt wird, wie man mittels einer Layouttabelle das ganze lösen kann. Doch jetzt wurde eine CSS-only Möglichkeit vorgestellt.

Du¨an Janovský beschreibt in Vertical Centering in CSS — Yuhu's Definitive Solution with Unknown Height wie man dazu vorgehen kann.

Er bedient sich display: table; und display: table-cell; für die Standardbasierten Browser und hilft dem IE auf die Sprünge indem er die Falschinterpretation von height des IE dazu nutzt die "richtige" Position hinzubekommen.

Das war eine der Sachen die mich schon sehr lange genervt haben, und wo ich dann auch ganz pragmatisch Layouttabellen benutzt habe. Es freut mich doch sehr, dass, zwar sehr sehr selten, aber dennoch, es doch noch Entdeckungen in CSS gibt wie diese und es erinnert mich an meine Anfangszeit, in der fast monatlich revolutionäre CSS-Techniken aufkamen.


Pingbacks

  1. Sascha Goebels WebLog » Blog Archive » Vertikal Zentrieren mit CSS
  2. DEVSTER » Blog Archive » Anleitung Bloggen, 1: Greife bedeutende Themen auf!

Kommentare

Die Kommentare sind für diesen Eintrag geschlossen.