2011-01-06 12 views
6

ich mit IE8 arbeite im Quirks-Modus ...Wie zentriere ich automatisch ein Div in IE8 in quirksmode?

Ich habe Arten von meinem Firefox Sheet Cascading die Folgendes umfassen:

#container {position:relative; width:1007px; margin-right:auto; margin-left:auto;}  

#textbin {width:720px; position:relative; margin-right:auto; margin-left:auto;} 

Offenbar recht ich mache etwas nicht, oder Auto-Margining nicht arbeite in IE8. Ist das der Fall? Wenn ja, wie kann ich diese Einschränkung umgehen? Ich habe keine Positionierung, absolute Positionierung und sogar eine relative Position zu meinem IE8 Stylesheet versucht. Außerdem, wenn ich das Div manuell zentriere, fügt IE8 Rand zum unteren Rand der Seite hinzu ...

übrigens bin ich ein Anfänger hier, also, wenn mehr Informationen benötigt werden, lassen Sie mich bitte wissen!

+0

'margin: auto' nicht im Quirks-Modus funktioniert. – BoltClock

+1

Müssen Sie im Quirks-Modus arbeiten? Gibt es einen Grund, warum du den Doctype nicht so einstellen kannst, dass er nicht im Quirks-Modus ist? –

+0

Ja, ich muss im Quirkmodus arbeiten, dank meiner Position: fixed header. Ich musste mehrere Hacks verwenden, um den Header zum Scrollen zu bekommen, und die Hacks würden ohne Quirkmodus nicht funktionieren. – SamStar

Antwort

7

Die alte Schule Hack-y-Methode, um es zu tun, war text-align:center zu dem Elternteil der div hinzufügen, die Sie zentrieren möchten. Natürlich müssen Sie dann explizit eine text-align Eigenschaft für die untergeordneten Elemente deklarieren, wenn Sie nicht möchten, dass sie in der Mitte ausgerichtet sind, da text-align von untergeordneten Elementen geerbt wird.

+0

Danke !! Das hat es behoben! – SamStar

0

Dies funktioniert für IE5-Macken und höher.

Die CSS:

body, html { 
width:100%; 
} 

#yourdivname { 
margin:0px 50% 0px 50%; 
//this can be removed, but is just for test sake. 
background-color:#bbb; 
width:100px; 
height:100px; 
} 

ich das hoffentlich helfen, in Bezug auf Art Bert Januar

+0

Dies ist keine Antwort auf die Frage – MikroDel

+0

Die Frage war über IE8 und nicht IE5 – MikroDel

+1

@MikroDel - Die Frage war über Quirks-Modus, der ein IE5-Kompatibilitätsmodus ist. Daher ist es eine vollkommen gute Antwort auf die Frage. (Die Frage selbst ist entsetzlich; niemand sollte heutzutage den Mackenmodus verwenden, aber die Antwort ist für die Frage in Ordnung) – Spudley

Verwandte Themen