Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; breadcrumb has a deprecated constructor in /kunden/dciwam.de/webseiten/dciwam/includes/class.breadcrumb.inc.php on line 23
dciwam.de / faq / css / blocklevelelemente-horizontal-zentieren

Blockelemente wie z. B. eine Tabelle horizontal zentrieren

Wie zentriere ich Blockelemente wie z. B. eine Tabelle horizontal?

Es gibt zwei korrekte Lösungen.

In HTML:

<table align="center">

In CSS:

table {
  margin-left: auto;
  margin-right: auto;
}

Das Attribut align ist in HTML 4.01 Strict und XHTML 1.0 Strict nicht mehr enthalten, daher muss hier die CSS-Lösung angewandt werden. Diese ist auch schöner, da horizontale Zentrierung lediglich Darstellung des Elementes ist.

Jedoch interpretieren ältere nicht ganz CSS-konforme Browser diese Regeln falsch und zentrieren das Element nicht. Soll also auf die fehlerhafte Darstellung dieser Browser Rücksicht genommen werden, muss auf align zurückgegriffen und HTML 4.01 Transitional oder XHTML 1.0 Transitional deklariert werden.

Die CSS-Eigenschaften 'margin-left:auto; margin-right:auto;' funktionieren im Internet Explorer erst ab Version 6 und nur im standardkonformen Modus.

Daniel Werner
Michael Jendryschik • http://jendryschik.de/

Zum Seitenanfang

URL: http://dciwam.de | Letzte Änderung: 21.05.2009 | G. Schneider | Kontakt