Z-Index bei IE

**Dora** · 31.03.2011, 09:08

Hallo zusammen,

hoffentlich kann mir mal jemand helfen. Ich suche jetzt schon 1,5 Tage für eine Lösung.

Mein Problem:
Ich habe auf meiner Webseite ein Dropdown-Menü gemacht. Bei FF funktioniert alles wunderbar. Aber bei IE wird das Dropdown-Menü immer hinter dem Inhalt angezeigt.

Ich habe "Z-Index:999" verwendet.

Nach langem suchen habe ich jetzt rausgefunden, dass man ".inside" auf position:static ändern muss.

Ich habe diese Änderung gemacht. Und jetzt funktioniert es auch, dass das Dropdown-Menü über dem Inhalt erscheint.

Allerdings kann ich jetzt aber keine Links mehr in den Bereichen .inside anklicken.

Ich denke mal, dass das Dropdown-Menü (oder irgendetwas anderes) jetzt über dem Inhalt der eigentlichen Seite sitzt. Was soll ich jetzt machen?!?!

Ich wäre wirklich froh für eure Hilfe!!!

**vilife** · 31.03.2011, 10:14

wie wärs mit einem Link zum Projekt? ... dann könnte man sich das Problem ansehen

**Dora** · 31.03.2011, 10:25

Ist nur lokal installiert...

Wie könnte ich euch das sonst zur Verfügung stellen?

**Dora** · 31.03.2011, 11:03

Ach ja, fällt mir gerade ein:
Ich habe das Dropdown-Menü aus dem Demo-Webshop (Fruit Media) der Community Edtion kopiert.

Wenn ihr den Demo-Shop installiert seht ihr genau das Problem welches ich habe.

Alles was ich geändert habe ist, dass ich ".inside" auf postion:static geändert habe.

(Das Dropdown-Menü gibt es nicht bei http://demo.webshop-contao.de)

**Dora** · 31.03.2011, 14:24

Kann mir niemand helfen?

**Piet** · 31.03.2011, 14:32

Schau Dir doch mal mit dem Firebug im FF die Ausmaße der ULs und LIs an.
Vielleicht findest Du damit einen Hinweis, was im IE schief gehen könnte. Vielleicht löst schon eine Breitenangabe Deine Probleme.

Piet

**Dora** · 31.03.2011, 15:28

Das liegt nicht an einer Breitenangabe sondern an einer Höhenangabe.

Ich versuch das mal verständlich zu erklären:
Wenn ich den Navigationsbereich (Höhe 400px) einfach so anlege dann erscheinen im IE die Dropdown-Menüs unter dem Inhalt des Main-Bereichs.

Um dieses Problem zu beheben habe ich ein "Z-Index:999" eingefügt. Damit das Z-Index beim IE funktioniert musste ich ".inside" auf "position:static" setzten.

Jetzt ist aber der komplette Navigationsbereich mit einer Höhe von 400px über dem Main-Bereich. Und daher kann man keine Links etc. im Main-Bereich verwenden.

Wenn ich die Höhe verkleiner wird das Dropdown-Menü nicht mehr richtig angezeigt!!

So wie ich das sehe kann ich jetzt entscheiden ob ich die Navigation richtig anzeigen will oder ob ich den Main-Bereich verwenden möchte. Das kann doch irgendwie nicht sein oder?!?!

**avogt** · 31.05.2011, 11:17

Hallo Zusammen,

ich habe das gleiche Problem. Alle Versuche mit dem Z-index haben nicht geholfen.
Kann evtl. mal jemand schauen?!

http://www.teutodata.de/shop/index.php/index.html

Danke
avogt

**folkfreund** · 31.05.2011, 11:33

Hallo avogt,

bitte beschreib mal genauer was nicht funktioniert.
Mit IE 8 sehe ich auf der Teutodata-Seite sowohl die ausklappenden Menüs (z.B. Shop oder Kontakt) und auch evtl. davon verdeckte Seiteninhalte kann ich bedienen.
Wo ist das problem - oder hast du bereits die Lösung?

folkfreund

**avogt** · 31.05.2011, 11:39

HAllo folkfreund ,

bei mir klappen die Menüs auf aber stehen dann hinter dem Inhalt.
Bsp. Kontakt klappt auf und die Menüpunkte laufen dann hinter das Herzlich Willkommen und die Bilder.
avogt

**folkfreund** · 31.05.2011, 11:42

Hallo Dora,

Z-Index beschreibt nicht einfach eine Stapelreihenfolge auf der gesamten Seite, sondern jeder Bereich mit einer definierten Position hat seine eigene Stapelreihenfolge.

Hier kannst experimentieren (und verstehen):
http://tjkdesign.com/articles/z-inde...ents_stack.asp

Vermutlich musst du auch den Menüs position oder z-index mitgeben. Ich persönlich versuche z-index möglichst zu vermeiden, da es die Verhältnisse meistens unübersichtlicher macht. Schau auch mal nach, ob durch irgendwelche CSS-Dateien in deiner Installation ein anderes Element einen z-index erhält. Wie gesagt - meistens kann man ein Layout auch ganz ohne z-index realisieren.

Gruß, folkfreund

**folkfreund** · 31.05.2011, 11:43

Zitat von avogt

HAllo folkfreund ,

bei mir klappen die Menüs auf aber stehen dann hinter dem Inhalt.
Bsp. Kontakt klappt auf und die Menüpunkte laufen dann hinter das Herzlich Willkommen und die Bilder.
avogt

Kann ich im IE8 nicht bestätigen

folkfreund