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.
Michael Jendryschik • http://jendryschik.de/