- Webinhalte mit CSS vertikal zentrieren › Webstandard-Blog

Webinhalte mit CSS vertikal zentrieren

CSS - 14 Sep, 2006

Twittern
Kommentare (7)

Fragen bezüglich zentrierter Inhalte ( vertikal + horizontal ), wurden bisher meistens mit dem Vorschlag der Nutzung einer Layouttabelle, beantwortet. Dank Jeena, der auf den Artikel "Vertical Centering in CSS — Yuhu's Definitive Solution with Unknown Height" von D. Janovský hinweist, kann nun jeder sich dieses Problemes allein mittels CSS annehmen.

Harald
14 Sep 2006, 13:53

Funktioniert nur leider nicht im IE 8.
Harald
14 Sep 2006, 13:58

Ich meinte bei meinem Kommentar natürlich IE 7, nicht IE 8 ;-) Das kam durch meine Tests mit conditional comments, wo ich if IE lt 8 verwendet habe ich mir nicht sicher war, ob display:table im IE 8 unterstützt wird. Eine Gehirn-Endlosschleife sozusagen.
Webstandard-Team
14 Sep 2006, 15:33

@Harald: Der benötigt doch display:table nicht oder doch? Das war doch eigentlich nur für die eher minderbemittelten Vorgängerversionen ( 5.0, 5.5 und 6.0 ) gedacht. Dem neuen 7er genügen doch die "normalen" Standard Browsers Styles, wie sie in dem Artikel genannt werden.
Harald
15 Sep 2006, 01:15

display:table wird eingesetz für moderne Browser, die Hacks wie _position:absolute sind ja nur für die IEs bis 6. Beides kennt der IE 7 nicht, rendert des Rest aber weitestgehend Standardkonform. Darum funktionieren die verlinkten Musterseiten nicht im IE 7.
Webstandard-Team
15 Sep 2006, 07:58

Dann wäre das doch eine gute Möglichkeit, hier für eine weiterführende Lösung zu finden ( auch für den IE 7 ) ;o)
Urs Felix
18 Sep 2006, 11:45

Danke für Die Lösungsvorschläge, nach sowas habe ich bisher gesucht. Das werde ich auf meiner privaten Homepage gleich mal ausprobieren.

Gruß, Urs