DIV zentrieren
Der Grund dafür warum man DIVs mit dem Befehl text-align nicht im Fenster zentrieren kann, erklärt schon der Name des Befehls selbst: TEXT-align. Er ist dafür gedacht den Inhalt eines Objektes zu zentrieren, wie eben Text. DIVs sind aber nun mal kein Inhalt, sondern Container, die Inhalt beinhalten sollen und auch wenn sie selbst Inhalt sein können, nicht als Inhalt betrachtet werden.
Da rühme ich mir den guten alten HTML-Befehl "align", der ganz einfach immer "Ausrichtung" bedeutet hat, egal was für ein Objekt da jetzt welches beinhaltet :P
Nun denn, die einfachste Möglichkeit mal ein DIV zu zentrieren ist der Befehl "margin" - Außenabstand. Wer sich jetzt denkt: "Toll, darauf selbst auszurechnen wo die Mitte ist, und das mit Pixeln anzugeben wär ich auch so gekommen", möchte ich noch ein bisschen Geduld abverlangen:
Es ist schon richtig, dass man das "ausrechnen" könnte, aber dann würde man nicht ohne JavaScript auskommen, da man ja für jede Auflösung die Abstände anders berechnen müsste. Man kann natürlich jetzt das ganze relativ angeben, mit Prozent zum Beispiel, ist aber gar nicht nötig, denn der langen Rede kurzer Sinn:
margin: auto;
Da wird an allen Seiten der übrige Abstand zum Fenster gleichmäßig verteilt, was zwingend bedeutet, dass unser DIV zentriert wird :)
Das funzt übrigens nur, wenn das DIV eine Breitenangabe mit "width" erhalten hat, da ansonsten ein DIV ja immer 100% breit ist und da gibt es keinen Außenabstand mehr den man verteilen könnte.
Erstellt von
Markus René Einicher am 25.01.2007 um 16:00.
Zuletzt bearbeitet von
Markus René Einicher am 25.01.2007 um 16:00.
Hier kannst du für uns voten:
(1x pro Tag möglich)
Über diesen Button erreichst du diverse Bookmark-Services: