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:

Quereinstieg in die Medienvorstufe: Farbmetrik und Colormanagement
22. September 2010, Skill GmbH in Ismaning, bei München Mehr Infos …
Quereinstieg in die Medienvorstufe: Datenausgabe
24. September 2010, Skill GmbH in Ismaning, bei München Mehr Infos …
PitStop Basis: PDF-Datenprüfung und -Korrektur mit PitStop Professional
27. September 2010, Skill GmbH in Ismaning, bei München 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)