nicht angemeldet
Hallo,
ich (du) hätte also mein ziel erreicht, weil ohne einen stylesheet-fehler das div im explorer und im mozilla zentriert dargestellt wird, richtig?
Nein!
Ich zitiere mich:
<div style="margin:auto; text-align:center;">Text</div>
Der oben stehende div wird im MSIE5.5 _nicht_ im umgebenden Element zentriert sein, wohl aber wird der Text im div zentriert sein.
Der MSIE5.5 interpretiert margin:auto _nicht_. Um den div im umgebenden Element (bspw. im body) zu zentieren, muss das _umgebende_ Element die Eigenschaft text-align:center; bekommen. Das wiederum interpretiert der MSIE _falsch_, indem er die Position des innliegenden divs daraufin horizontal zentriert. Eigentlich dürfte ein text-align _keinen_ Einfluss auf die _Position_ von Blockelementen haben. Deshalb reicht das text-align _alleine_ auch nicht für andere Browser aus. Diese benötgen margin:auto, um die Position des div zu zentrieren. Das wird dadurch erreicht, dass automatisch so große Ränder rings um den Bereich eingefügt werden, dass er in der Mitte des umgebenden Elementes steht.
<body style="text-align:center;">
<div style="margin:auto;">Text</div>
</body>
Gruß
Axel