Wie kann ich mittels CSS Browserunabhängig eine Seite zentrieren?

[Junior]

Wer hat noch nicht vor dem Problem gestanden eine Seite mit CSS Browserunabhängig zu zentrieren?
So gehts:

body{ text-align: center;} .centeredDiv{ margin: 0px auto; text-align: left; width: 400px;}

Der IE erwartet das zentrierte Ausrichten im Elternelement, also im Body-Tag. Bei den anderen Browsern erfolgt das Zentrieren über margin: 0px auto. Die Null gibt an, dass oben und unten kein Platz gelassen wird, das "auto" sorgt dafür, dass der Abstand zum Rand auf der linken und der rechten Seite gleich gross ist. Das text-align: left sorgt dafür, dass der Text linksbündig ausgerichtet ist. Ist wegen der Ausrichtungsangabe für den IE im Body notwendig, da sonst der Inhalt zentriert ausgegeben werden würde.

© tutorials.de - User helfen Usern

[RGnos]

Uoauu !!

Da hab ich jetzt lang gesucht und endlich eine Lösung, die nicht nur im Mozilla Firefox sondern auch im Internet Explorer funktioniert !!

Herzlichen Dank

Gruss Röbi