IE6 z-Index Bug

[WebPhax]

Hey,

ich bekomme es einfach nicht hin den IE Bug mit dem z-index im IE6 in den Griff zu bekommen. Habe mir eine kleine Beispielwebsite gebastelt, komme aber auf keinen grünen Zweig. Eigentlich möchte ich nur, dass über meiner gesamten Website ein div (#blende) angezeit wird, welches alle anderen verdeckt (um darin Informationen etc anzuzeigen.)

Bislang sieht es so aus:

        #container {
            width: 800px;
            background-color: orange;
            z-index: 1;
            position: relative;
        }
        #links {
            float: left;
            width: 200px;
            background-color: red;
        }
        #mitte {
            float: left;
            width: 400px;
        }
        #rechts {
            float: left;
            width: 200px;
            background-color: red;
        }
        #blende {
            background-color: Gray;
            z-index: 100;
            position: fixed;
            width: 100%;
            height: 100%;
        }

Die html-Seite:

    <div id="blende">
    </div>
    <div id="container">
        <div id="links">
            &nbsp;
        </div>
        <div id="mitte">
            <br />
            <br />
            <br />
        </div>
        <div id="rechts">
            &nbsp;
        </div>
    </div>

Bin für jede Idee dankbar!

 

[SpiceLab]

Ein z-index-Bug im IE6? Is' ja drollig

IE6 hat noch nie die fixierte Positionsart position:fixed interpretiert (unterstützt), und ist erst seit dem IE7 möglich - Voraussetzung hierfür: das HTML-Dokument muß mit einem entsprechenden Dokumenttyp ausgezeichnet sein, der die Browser in den standardkonformen Darstellungsmodus (Standards Mode) schaltet.

Ist dem nicht so, sodass die Browser in den "Quirks Mode" versetzt werden, verhalten sich die beiden jüngeren IE-Versionen (7 + 8) genauso so, wie ihr Vorgänger aus dem vergangenen Jahrhundert.

http://code.google.com/p/ie7-js/ ist dir behilflich, damit die betagte Browserversion der CSS-Spezifikation folgt.