nicht angemeldet
IE 5.5 Box-Modell-Fehler wie am besten lösen
Hallo liebe Helfer,
<div style="width: 100%;">
<div style="margin:10px 25%; width: 50%; border:1px solid #000;">
Test Test Test
</div>
</div>
Diese Code erzeugt im FF2.0, IE.6/7 eine in der Mitte zentrierte Box. Leider nicht im IE5.5. Wie behebe ich an dieser Stelle den Fehler am elegantesten?
Liebe Grüße und vielen Dank!
Sanjoy
-
Hallo,
<div style="width: 100%;">
<div style="margin:10px 25%; width: 50%; border:1px solid #000;">Diese Code erzeugt im FF2.0, IE.6/7 eine in der Mitte zentrierte Box. Leider nicht im IE5.5. Wie behebe ich an dieser Stelle den Fehler am elegantesten?
Wahrscheinlich läßt sich bei deinem Beispiel per margin-right:auto
nachhelfen, ohne weitere CSS- bzw. Browserweichen zu bemühen; beim
IE 5 bzw. 5.5 schaut es hier schonmal gut aus.Grüsse
Cyx23
-
Vielen Dank! Jetzt ist das div zwar im ie5.5 nicht wirklich mittig und auch nicht wirklich 50% breit, aber was solls, es wird halbwegs richtig dargestellt.
-
-
Im äußeren div text-align:center; setzen. Im Inneren margin:10px auto;.
margin:10px auto; zentriert die innere div-Box für jeden vernünftigen Browser. Für IE muss mann auf text-align in der umgebenen Box zurückgreifen.
Oh, und in der inneren Box solltest du Textausrichtung dann wieder korrigieren.
MFG Raphael