IE und z-index

html.de-Forum HTML, XHTML & CSS
1

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:
[PHP]
#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;

}

}
[/PHP]

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

2

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

3

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

            <!-- ###NAVI###  start--> 

            <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
        </object>
[/PHP]
4

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.

5

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.

6

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!!!