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:

Werbebanner und Layer-Ads mit Adobe Flash
18. März 2010, 0 in Ismaning, bei München Mehr Infos …
Geprüfter Medienfachwirt: Medienproduktion
27. März 2010, IHK-Bildungshaus Schwaben in Augsburg in Augsburg Mehr Infos …
PitStop Basis: PDF-Datenprüfung und -Korrektur mit PitStop Professional
13. April 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)