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

Ähnliche Beiträge:

• Amazon Context-Links werden von YouTube Videos überdeckt
• XT-Commerce – Gutscheine versandt – Restguthaben anzeigen
• Direct URL von bluegate.at – Bug-Fix für die Content-Seiten
• Piwik / Goals – Trackt via SSL-Proxy keine Keywords
• VEYTON – Anzahl Artikel im Warenkorb anzeigen
• Aufbau des LTE Netzwerk und der LTE Abdeckung ab 2010
• Happy Birthday kleiner Fuchs
• XT-Commerce – Umsatzstatistik “Täglich” und Zahlungsweise “Alle”
• Mozilla Firefox und Typo3 Backend Problem
• Suchmaschinen bekommen bald neues Futter für ihren Index

Schlagworte:

content, CSS, HTML, Internet, Mozilla Firefox, PHP, Text, Video, Width

Feedbacks zu DIV Container horizontal zentrieren:

Abonniere unseren RSS Feed oder setze einen Trackback zu diesem Thema.

• Sylvio Rieger sagt:

  13. Juli 2009 um 20:02

  Hammer harter Tip.
  Funktioniert.
  Recht vielen Dank dafür
• mathias sagt:

  30. Oktober 2009 um 12:14

  bei mir muss der text align des content div ebenfalls auf center damit es geht.
• Alex sagt:

  17. Juni 2010 um 10:17

  Anstatt margin-left: auto; margin-right: auto; reicht auch

  margin: 0 auto;

  Gruß