DIV Container zentrieren – Anleitung

So zentriert man einen DIV Container mittels CSS in horizontaler Lage

DIV Container kommen bei modernen Webdesigns immer wieder zum Einsatz und ermöglichen dem Webdesigner die perfekte Ausrichtung von Inhalten! Um einen Container auszurichten gibt es den “Float” Befehl über welchen der Container entweder rechts (float: right;) oder links (float: left;) angeordnet werden kann! Jetzt würde man vermuten ein “float: center;” würde das DIV zentrieren! Doch so einfach ist die Sache nicht!

Der Center Befehl funktioniert zwar mit einem einfachen “text-align: center;”, jedoch nicht bei allen Browsern – da der Befehl sehr “dreckig” ist! ;) Aber hier habe ich eine Lösung für Euch, welche bei allen gängigen Internet-Browsern funktionieren sollte!

Dazu gebt ihr einfach im obersten Container folgende Werte an:

“margin-left: auto; margin-right: auto; text-align: center;”

Jetzt sollte das DIV zentriert sein! Sollte  es aus welchen gründen auch immer Probleme mit abgeschnittenen Inhalten geben, müsst ihr noch die Breite des DIV Containers fest hinterlegen! Dies erledigt ihr mit “with: 200px”!

Spätestens jetzt sollte die Ausgabe sauber dargestellt werden!