✔ IE ignoriert z-index

[joobie]

Hallo zusammen,

kurze Frage: hier ist die CSS für eine sehr einfache Seite.

html,body {
          height:100%
          background:#FFFFFF;
          margin-top:0px;
          margin-left:0px;
}

/**********************************/

#wrapper {
         position:relative;
         width:100%;
         height:100%;
         top:0px;
         left:0px;
         overflow:visible;
         z-index:1;
}

#left {
        position:absolute;
        width:500px;
        height:757px;
        top:0px;
        left:0px;
        overflow:visible;
        z-index:2;
        background-image:url(left.jpg);
        background-repeat:no-repeat;
}

#right {
        position:absolute;
        width:640px;
        height:480px;
        top:0px;
        right:0px;
        overflow:visible;
        z-index:3;
        background-image:url(right.jpg);
        background-repeat:no-repeat;
}
        
#main {
      position:relative;
      min-width:640px;
      min-height:480px;
      top:5px;
      left:0px;
      overflow:visible;
      z-index:4;
}

Dies wird in Firefox richtig angezeigt. Der IE verschiebt jedoch das main-DIV in den Hintergrund. Der Inhalt von main ist ein Flash-Objekt, in den beiden anderen DIVS ist außer dem Hintergrund kein Inhalt. Wie kann ich dies für IE richtigstellen?

Außerdem zeigt IE die ganz oben deklarierte Hintergrundfarbe (weiss) auch nicht an, sondern ein grau

Grüße
joobie

 

[Maik]

Hi,

bei mir ignoriert der IE die z-index-Deklaration für das DIV #main überhaupt nicht, und der Seitenhintergrund wird wie erwartet weiß dargestellt:



Vielleicht solltest du besser einen Link zur Seite nennen, damit man dort einen Blick drauf werfen kann.

 

[joobie]

Hallo Maik,

vielen Dank schon mal! Ich habe hier eine Testversion reingestellt:
http://clubegoiste.de/test/

...übrigens: Ich benutze IE6.

 

[Maik]

Hi,

versuch es mal mit diesen Regelerweiterungen, da der IE6 die min-height-Eigenschaft nicht unterstützt, und wegen dem eingebundenen Flash-File mit relativer Höhe eine Höhenangabe für das DIV benötigt, um die Schichtposition korrekt zu interpretieren:

#main {
      position:relative;
      min-width:640px;
      min-height:480px;
      height:auto !important; /* !important-Regel für moderne Browser, um nachfolgende height-Deklaration zu ignorieren */
      height:97%; /* Für IE */
      top:5px;
      left:0px;
      overflow:visible;
      z-index:4;
}

 

[joobie]

Ok, das hat das Problem gelöst!

Vielen Dank, Maik. Das Hintergrundproblem habe ich auch ganz einfach dadurch gelöst, dass in der index.html im body-tag nochmal bgcolor steht. Ist zwar redundant, aber für den IE wohl benötigt...

Hab einen wunderschönen Tag!

Greetz joobie