IE 6 Fehler Zentrierung div-Tag mit absoluter Positionierung

Question

<div id="outer" style="width:100%; text-align:center">

<div style="position:absolute; top:197px; text-align: center; width:858px; margin:auto; left: 0; right:0">

ich diese beiden <div> Tags bin mit einem Menü zu zentrieren. Es funktioniert wunderbar außer in IE 6.

Ich schaute durch die anderen Fragen, versuchte mehrere Dinge, aber nichts hat funktioniert.

Ich würde mich über Vorschläge freuen.

Answer 1

Zunächst einmal ... stellen Sie sicher, dass Ihre Seite die richtige DOCTYPE-Definition hat. Andernfalls wird IE6 in den Quirks-Modus gehen und es nahezu unmöglich machen, Ihr Layout so zu gestalten, wie Sie es wollen.

HTML doctype declaration

zweiter Stelle von allen ... warum die absolute Positionierung? Sie könnten genauso gut ein einziges div wie diese:

<div style="width: 858px; margin-top: 197px; margin-left: auto; margin-right: auto;" /> 

, welche die div genau so, wie Sie es (solange es alles direkt an der Spitze von meinem Kopf bekam) wollen Zentrum sollten.

Answer 2

Wenn Sie die absolute Positionierung haben müssen, scheint es mir, dass Sie einige Tricks mit Marge in IE6 tun können.

<div id="outer" style="width:100%; text-align:center"> 
    <div style="position:absolute; top:197px; text-align:center; width:858px; left: 50%;border:solid 1px red;margin-left:-429px;"> 
     My Menu 
    </div> 
</div> 

Answer 3

Versuchen position:relative; zu Ihrem outer div hinzuzufügen. Stellen Sie sicher, dass Sie einen DOCTYPE verwenden, z. B. Justin suggests.

Ohne ein Beispiel dafür, was sollte passieren und welche ist passiert, es ist schwer, eine endgültige Antwort zu geben.