IE und z-index

[burn4ever]

Moin moin,
ich habe drei div tags welche übereinaderlappen. Hab das ganz mit z-index zumindestens im Firefox hinbekommen allerdings funktioniert das im IE nicht.
Hier mal der Code:

#content
{
    background-image: url(alternativ_content_bg.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 950px;
    height: 820px;
    font-family: Arial;
    margin: 0 0 0 0px;
    padding: 0;
    z-index:20;
    position:absolute;

#contentleft
{
    float: left;
    font-size: 12px;
    width: 286px;
    height: 583px;
    top: 125px;
    font-family: Arial;
    margin: 128px 0 0 229px;
    padding: 0px;
    z-index: 10;
    position:absolute;
}

#contentright
{
    float: left;
    font-size: 12px;
    width: 271px;
    height: 583px;
    font-family: Arial;
    margin: 250px 0 0 550px;
    padding: 0px;
    z-index: 10;
    position:absolute;

}

}

kann mir jemand sagen warum das im IE nicht geht???

 

[Puccini]

wie sieht den der html-code aus?
Kommt der Content-Div vor oder nach den anderen 2 divs im code?

 

[burn4ever]

okay,
jetzt wirds interessant. Diese besagten div tags sind alternativinhalter für eine swf object. Ich poste mal den ganze code:

<!-- ###DOCUMENT_BODY###  start-->
<div id="page">

<div id="content">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="820" id="myFlashContent">
                <param name="movie" value="flash.swf" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="flash.swf" width="950" height="820">
                <param name="wmode"  value="opaque" />
                <!--<![endif]-->
                 
<div id="header">
<!-- ###Header###  start-->  <!-- ###Header###  stop-->
</div>

                <!-- ###NAVI###  start--> 
<div id="navigation">

 <ul>
        <li><a href="#">Zielsetzung</a></li>
        <li><a href="#">Referenzen</a></li>
        <li><a href="#">Tätigkeitsfeld</a></li>
        <li><a href="#">Wissenspool</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">Anfragen</a></li>
        <li><a href="#">Sitemap</a></li>
        <li><a href="#">Kontakt</a></li>
 </ul>  



</div>

 <!-- ###NAVI###  stop-->
 
<div id="contentleft"><!-- ###INHALTLINKS###  start-->    <!-- ###INHALTLINKS###  stop--> </div>
<div id= "contentright"><!-- ###INHALTRECHTS###  start-->    <!-- ###INHALTRECHTS###  stop--> </div>
   

                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
<div class="padd">

</div>

 

[prm]

Du solltest dich entscheiden, was du willst:
Wenn du absolut positionierst, dann sind float und margin-Angaben überflüssig.
Allerdings benötigst du dann zur Positionsbestimmung entprechende top/left-Werte.

M.E. solltest du auf die absolute Positionierung ganz verzichten und alles per float/margin an seinen Platz setzen.
Absolute Positionierungen sind meist absolut überflüssig und verursachen nur Probleme, wenn man sie nicht ganz bewusst verwendet.

 

[Puccini]

hm, sieht mir recht verschachtelt aus XD

wo ist jetzt genau dein Problem?
Die 2 Divs "links" und "rechts" sind im div "content" somit haben sie automatisch den Z-Index des Content + ihren eigenen z-index! Somit liegen die immer über dem Contentn div!

Kannst es mit z-index: -1; versuchen wenn du magst.

 

[burn4ever]

Hey Puccini,
genau das ist mein Problem. Die beiden "links", "rechts" divs sind eben nicht sichtbar. Aaaaber ich glaube das hat nichts mit dem Z-Index zu tun sondern IE zeigt mir einfach den Alternativinhalt nicht an.

Warscheinlich muss ich den html-code für den Alternativinhalt mal überprüfen!!!!