Navigation: drop-down verschwindet hinter main und right

**carlos** · 06.06.2013, 15:09

Hallo,

hab mal wieder ein kleines Problem:
ich stelle die Navigation gerade um auf horizontal im Header, jetzt klappen die Unterpunkte aus, erscheinen aber nicht über sondern hinter den unteren Bereichen von main und right.
Ist sicher was ziemlich einfaches, finde aber nix.

Url: http://www.alpenvereinhaag.iivs.de/

btw: könnte mir auch jemand einen Tip geben wie ich das Hintergrundbild nur Horizontal, nicht aber vertikal wiederholen lassen kann, ich hätte gern die 60px unter dem Bild frei für die Navigation.

Danke & Grüsse

Karl

**MacKP** · 06.06.2013, 15:47

Hallo carlos,
du brauchst noch nen z-index:

Code:

nav {z-index: 20;}

reicht da schon.

Hintergrundbilder: http://www.css4you.de/background-repeat.html

Viele Grüße

**carlos** · 06.06.2013, 16:04

Hallo MacKP,

vielen Dank, das hab ich geschafft, krieg nur grad wieder die Krise, dass im Firefox wieder dauerhaft ein Scrollbalken neben den Untermenues erscheint, bei Chromium wird er aber schön ausgeblendet, wenn nicht aktiv.

aber will nicht lästig sein.

Grüsse

Karl

**wulf** · 06.06.2013, 16:13

Code:

.mod_navigation{
overflow:hidden;}

**carlos** · 06.06.2013, 16:24

ok Danke auch.
Damit ich aber auch wirklich lästig werde:
ist es trotzdem möglich, das Hauptfenster zu scrollen, während Header und Right stehen bleiben?
ich kack jetzt schon die Ganze Zeit mit "position" rum und mal klappt bei einem Browser alles, mal beim anderen.

von wegen Standards...

**InitArt** · 06.06.2013, 16:24

Du darfst der Navigation keine feste Höhe verpassen, sonst hast du einen Scrollbalken sobald die Höhe überschritten wurde, das overflow: auto; muss auch raus. Zudem darf .block kein overflow: hidden; haben.

Doch selbst wenn du das änderst, sieht der Code für mich etwas komisch aus, ich habe hier mein Dropdown gepostet, kannst es dir ja mal anschauen: https://community.contao.org/de/show...ropdown-Men%FC
Ist eben etwas umfangreicher.

**carlos** · 06.06.2013, 17:13

Hallo InitArt,

jetzt überforderst Du mich etwas:
wenn ich die Höhe der Navigation rausnehme, klappt gar nix mehr aus

den .block mit overflow:hidden find ich nicht.

es gibt sicher ein paar Leichen, wollte die Abschnitte der "alten" Navigation noch nicht rausschmeissen"

und die meisten Definitionen zur horizontalen Navigation hab ich von einem Contao-Theme und aus dem Buch von Peter Müller.

Grüsse

Karl

**InitArt** · 06.06.2013, 17:24

Ich kenne das Buch nicht und kann dementsprechend nichts dazu sagen, aber zwei verschiedene Navigationen zu vermischen ist nicht optimal.

**carlos** · 06.06.2013, 19:14

na bravo,

vor lauter rum schrauben am CSS zieht der z-Index wieder nicht.
könnte mir noch jemand einen Tipp geben?

Danke & Grüße

Karl

bin schon am Haare raufen...

**wulf** · 06.06.2013, 19:50

nimm mal

Code:

#header .inside {position:relative;}

und

Code:

#main {position:relative;}

raus

ps: haare raufen bringt nichts, einfach mal die tastatur an die wand werfen ist viel befreiender :-)

**Fkhm** · 06.06.2013, 19:57

Gib dem

Code:

#header .mod_navigation ul

mal ein z-index, habe 500 eingesetzt, da gings.

**carlos** · 06.06.2013, 22:31

Zitat von Fkhm

Gib dem

Code:

#header .mod_navigation ul

mal ein z-index, habe 500 eingesetzt, da gings.

jetzt war ich 3 Stunden in der Stammkneipe, komm heim, geb nur das ein, und es geht!!! Ich hab es ständig unter .mod_navigation versucht.

soll nochmal einer sagen: saufen macht blöd!

@ wulf:
Danke, hab das über ein overflow:scroll in der #main -inside lösen können, weiß aber noch nicht ob das auch im IE funktioniert, aber Danke trotzdem.