Tipps, Tricks und Code-Snippets für Programmierer vom Programmierer

Beim Internet Explorer reicht ein simples text-align: center; aus um einen DIV Container horizontal zu zentrieren, leider funktioniert dies nicht beim Mozilla Firefox oder beim Opera.

Mit Hilfe von margin-left: auto; und margin-right: auto; lassen sich DIV Container, die eine feste Breite haben bzw. nicht über die gesamte Breite des Browsers gehen, horizontal zentrieren.

Beispiel:

<div id="container" style="width: 500px; margin-left: auto; margin-right: auto; text-align: center;">
  <div id="content" style="text-align: left;">
        <p>Beispiel: DIV Container horizontal zentrieren.</p>
  </div>
</div>

Kaufempfehlung: Einstieg in CSS – Das Video-Training auf DVD

 [CSS]