Dropdown menu in navigation achter de content

heb je al geprobeerd een hogere z-index te geven?

Erwin Goossen op 12/08/2011 15:48:30

heb je al geprobeerd een hogere z-index te geven?

Ja dat heb ik al geprobeerd, lukte helaas niet..

Heeft het element dat je een z-index geeft ook een position? anders werkt het niet.
Dus bijvoorbeeld

#menu {
  position: relative;
  z-index: 10;
}

Zo heb ik het nu:

/* 1st Level */
#nav ul li,
#nav ul li.active { position: relative; float:none; margin:0; padding-bottom:1px; background:#F9F9F9; z-index: 10;}
#nav ul li.last { position: relative background:#ecf3f6; padding-bottom:0; z-index: 10;}

#nav ul a,
#nav ul a:hover { float:none; padding-bottom:1px; }
#nav ul li a { font-weight:normal !important; }

JA.........
Heb je de site niet live staan, of heb je neen voorbeeld van wat er nu gebeurd?

Klikje

waarschijnlijk een typo, link werkt niet

[size=xsmall]Toevoeging op 12/08/2011 16:56:43:[/size]

werkt al

Erwin Goossen op 12/08/2011 16:55:56

waarschijnlijk een typo, link werkt niet

[size=xsmall]Toevoeging op 12/08/2011 16:56:43:[/size]

werkt al

Zou je mij verder kunnen helpen?

er staat bij onderstaande een ; te weinig(achter relative)

#nav ul li.last { position: relative background:#ecf3f6; padding-bottom:0; 

Misschien dat het probleem?

Je hebt "overflow: hidden" op je <header> tag, dus alles wat daar buiten valt (inclusief je dropdown) wordt niet getoond.

Dus die zou ik verwijderen.