Faq-O-Matic für de.comm.infosystems.www.authoring.misc

dciwam-FAQ, häufig gestellte Fragen

Fragen zu praktischen Problemen

Ränder, Abstände, Höhe, Weite, Position

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

Frage:

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

Antwort:

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