Logo Adobe Certified Expert (ACE) und Adobe Certified Instructor (ACI) für Adobe Acrobat

Vertikal zentrieren mit CSS

Die vertikale Zentrierung von einzelnen Objekten in einem CSS-Container war und ist ein Problem, da diese Technik von CSS eigentlich nicht vorgesehen ist. In standardkonformen Browsern gibt es die Möglichkeit, mit display:table, display:table-cell zu arbeiten und mit vertical-align: middle zu zentrieren. Allerdings versteht der Internet Explorer dieses Konzept nicht, er muss also mit Hacks überlistet werden. In einem Artikel von Jeena Paradies werden einige der Konzepte vorgestellt; nachfolgend die Links, die im Artikel und in den Kommentaren genannt werden: »Vertical Centering in CSS« (mit ausführlicher Anleitung), »Shrink-wrap and Center« (nur Beispiel, ohne Anleitung), »CSS vertical centering using float and clear« (ebenfalls nur Beispiel).

Besprochene Webseite besuchen

25.09 um 13:50 Uhr. Kategorie: CSS und HTML | CSS-Grundlagen | CSS-Layout | Internet Explorer

Kommentare

  1. Um einen Kommentar abzugeben, müssen Sie eine gültige Emailadresse angeben. Sie wird aber auf der Webseite später nicht gezeigt.
Dieser Eintrag kann nicht mehr kommentiert werden.

Aktuelle Seminartermine:

PSO-Workflow-Kompentenzen: Normgerechte PDF-Daten erstellen nach PSO
17. September 2008, Skill GmbH in Ismaning, München Mehr Infos …
Seminar: Adobe Acrobat 8
13. Oktober 2008, i-Training in München Mehr Infos …
Seminar: Acrobat und PDF
20. Oktober 2008, IHK-Bildungshaus Schwaben in Augsburg in Augsburg Mehr Infos …

Seminarkalender abonnieren

Icon einer Kalenderdatei
Seminarkalender als .ics-Datei: Für Kalenderanwendungen herunterladen (alle Systeme)
Icon einer Kalenderdatei
Seminarkalender für iCal: Kalender abonnieren (nur Mac OS X)