Z-Index Problem mit DickerFish-Menu

**buntwelt** · 29.09.2011, 09:51

Hallo zusammen,

ich habe anscheinend ein Z-Index Problem mit meinem Menü:

http://www.buntwelt.de/area51/contao/index.php

Ich habe das 'DickerFish' - Menü eingebaut aber noch nicht fertig modifiziert, es ist als Navigations-Modul im Header integriert, kommt aber beim ausklappen hinter dem Artikel des 'Main' - Bereiches.

Weiss jemand eine Lösung?

**MacKP** · 29.09.2011, 10:14

Hallo buntwelt,
ich geb dir mal als Stichwort: z-index

Wenn dir das nicht reicht, dann such mal bitte hier im Forum. Das Problem wird ca. einmal die Woche besprochen.

Viele Grüße

**buntwelt** · 29.09.2011, 11:32

Zitat von MacKP

Hallo buntwelt,
ich geb dir mal als Stichwort: z-index

Wenn dir das nicht reicht, dann such mal bitte hier im Forum. Das Problem wird ca. einmal die Woche besprochen.

Viele Grüße

Danke fuer den netten Ratschlag - dass es sich wahrscheinlich um ein z-index Problem handelt besagte schon der Titel meines Beitrages

Ich habe den Header auf z-index: 5 und den Container auf z-index: 1 gesetzt. Firebug zeigt das auch an, jedoch ist der Effekt gleich null

Die Suche im Forum fuehrte mich leider auch nicht zu brauchbaren Ergebnissen, ausser den z-index per css zu setzen faellt mir leider nichts anderes ein - gibt es hier noch andere Lösungsansätze?

**kos** · 29.09.2011, 11:41

Hallo buntwelt,

versuche mal

Code:

#sfnav, #sfnav ul {
   ..
   ..
    z-index: 10;
}

bei mir ist es dann ok im FF.

**bizon** · 29.09.2011, 11:42

Es bleibt beim z-index. Der muss nur an die richtige Stelle!

#sfnav li ul

**wotank** · 29.09.2011, 12:08

das Rumgewurschtel mit dem z-index ist eigentlich nicht notwendig.

Das die Klappnavi es nicht über die nachfolgenden Elemente schafft liegt an diesem
überflüssigen position:relative für #main und dem dazugehörigen div.inside.
Streicht man das für diese beiden Elemente ist im FF alles in Ordnung.

Der z-index für #container ist wirkungslos da dieses nur für Elemente ungleich position:static greift.

**buntwelt** · 01.10.2011, 10:31

Vielen Dank fuer eure Hilfe,

die Belegung von '#sfnav, #sfnav ul' mit dem z-index hilft.

@wotank: Da ich das Contao-Frameset benutze komme ich nicht ohne Modifikation an diese ueberfluessigen Auszeichnungen ran - oder irre ich mich? Mit der z-index-Variante bin ich zumindest soweit sicher vor eventuellen Ueberschreibungen beim naechsten Update.

**wotank** · 01.10.2011, 11:05

Zitat von buntwelt

@wotank: Da ich das Contao-Frameset benutze komme ich nicht ohne Modifikation an diese ueberfluessigen Auszeichnungen ran - oder irre ich mich? Mit der z-index-Variante bin ich zumindest soweit sicher vor eventuellen Ueberschreibungen beim naechsten Update.

Peter hat in seinem Buch ganz prima erklärt wie man mit externen CSS-Dateien arbeitet und die im <head> nach den Contao-CSS-Dateien einbindet.
Damit kannst du die Angaben der contao.css und falls vorhanden, der basic.css überschreiben.