I have finally found something that works in IE but breaks in Firefox. I am using Drupal 6.6 and have a Nice Menu on the top of the page. In IE6 the menu drops down on top of the DIVs below it, but in Firefox it drops down below them.

I have played around with the z-index but have had no luck. Any thoughts would be appreciated. Thanks.

CommentFileSizeAuthor
#12 nice_menus_default.tgz1.44 KBmatteoraggi
#9 ie7 win xp.jpg168.5 KBmatteoraggi
#4 O962.jpg7.84 KBTreglis
#4 FF304.jpg5.68 KBTreglis
#4 IE7.jpg7.31 KBTreglis
broken-in-FF2.jpg13.01 KBgettysburger
works-in-IE6.jpg16.14 KBgettysburger

Comments

codi’s picture

codi commented

I had this same problem for a while. Ended up finding that my nav div had a overflow:hidden which prevented any of the drop downs from showing. Worth double checking before you pull out all your hair like I did.

gettysburger’s picture

gettysburger commented

Thanks for the clue, but it did not fix it. All of my DIVs have overflow:auto. I played around with other settings and nothing changed. Still hoping for a fix. Many thanks, though.

jondauz’s picture

jondauz commented

I have this same issue... for me this issue popped up after i changed the breadcrumb bar. But the menu seems to behind all the content in the page. So if anyone knows a way to fix this plz tell. Im using drupal 5.x with zen subtheme.... Apparently the drop down doesnt work in both safari and firefox.

Thanks.

Treglis’s picture

Treglis commented
StatusFileSize
new IE7.jpg7.31 KB
new FF304.jpg5.68 KB
new O962.jpg7.84 KB

Maybe same problem, except works perfect in Opera 9.62.

Damjan Dvorsek’s picture

Damjan Dvorsek commented
Version: 6.x-1.2 » 5.x-1.2

Same problem here.
Anyone found a solution by now.

Damjan Dvorsek’s picture

Damjan Dvorsek commented
Version: 5.x-1.2 » 6.x-1.2

just changing version back to 6.x-1.2

add1sun’s picture

add1sun commented
Status: Active » Postponed (maintainer needs more info)

Any progress here?

gettysburger’s picture

gettysburger commented

I have not played with this issue for a while, although it is still broken for me. My guess is that it is theme related. I am using Basic, and I believe that in the page.tpl.php they put the main body div before the header div to load the important content first. This might make the header think that it is below the main body, thus the menu goes below. It's just a thought that I have not tested.

matteoraggi’s picture

matteoraggi commented
StatusFileSize
new ie7 win xp.jpg168.5 KB

on www.forniture-alberghiere.net is ok with firefox 3.5 but with ie7 there is problem with framework theme

pipicom’s picture

pipicom commented

Indeed it was an "overflow:hidden" issue for me too.. problem solved!

gettysburger’s picture

gettysburger commented

I am still having trouble with this. Could you please be more specific how you fixed this, eg. "I put overflow:visible on selector x"? Thanks.

Stephen

matteoraggi’s picture

matteoraggi commented
StatusFileSize
new nice_menus_default.tgz1.44 KB

here the patch, you cna check it on www.forniture-alberghiere.net and on www.egioiellerie.com

gettysburger’s picture

gettysburger commented

Awesome. Many thanks.

add1sun’s picture

add1sun commented
Status: Postponed (maintainer needs more info) » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

synesis’s picture

synesis commented

This fixed it for me...

#navbar
{
overflow: visible;

}

milotimbol’s picture

milotimbol commented

I had the same problem menu hiding behind content div on Firefox but not on IE 6

This worked for me

#navbar
{
overflow: visible;
}

thanks synesis!