Menu hidden behind nice menu and panels in IE7

dropchew - October 5, 2008 - 13:29
Project:Lucid menu
Version:5.x-2.0
Component:User interface
Category:bug report
Priority:normal
Assigned:mistknight
Status:postponed (maintainer needs more info)
Description

Hi,

As above and this problem only appears in IE7, IE6 not tested. Not sure lies with Lucid or superfish.

Pls help...thanks

#1

mistknight - October 7, 2008 - 07:38
Status:active» postponed (maintainer needs more info)

I need the URL for the affected site.

#2

dropchew - October 7, 2008 - 08:20

Hi mistknight,

here's the link http://www.jucaa.com/. thanks.

#3

mistknight - October 7, 2008 - 09:59
Assigned to:Anonymous» mistknight

Seems to be a stylesheet issue, try adding a z-index higher than all other values

.sf-menu {
z-index:9999;
}

If this doesn't work on its own, try adding the following styles

.sf-menu li ul {
z-index:9999;
}

.sf-menu li ul li ul {
z-index:9999;
}

And if that doesn't work out then also try adding

.sf-menu li ul li {
z-index:9999;
}

.sf-menu li ul li ul li {
z-index:9999;
}

Try out the above and let me know if any of them worked for you, and if so, which ones did...

#4

dropchew - October 8, 2008 - 04:25

Nope, it doesn't changes anything Think I will stick to nice menu for now. Thanks.

#5

acdtrp - October 22, 2008 - 17:32

I have the same problem and I'm working on it. I will keep this topic posted if I have any success.

#6

mistknight - October 22, 2008 - 19:12

Could you provide me the URL?

#7

geraldme - November 16, 2008 - 17:36

I have the same problem when working with Nice Menu. Drop down menu appears hidden behind in IE7, no such problem in FF. Initially, I was not sure if it was due to overflow (hidden) or z-index problem. (BTW, CSS menu said that z-index only work with position attribute!)

My original layout.css was

#header
{
}

#main
{
position: relative;
}

#header, #main
{
overflow: visible;
}

Remove the "position: relative;" in #main solve the problem. Don't know if this will help you.

#8

Rich Costello - December 21, 2008 - 21:45

I had the same problem with IE7, was driving me batty. Removed the "position: relative;" from the #content and it worked perfectly. Thanks geraldme for posting this. You saved me a lot of headaches.

#9

embirr - March 26, 2009 - 00:14

I had the same problem, but couldn't remove the "position: relative;" (on my #header div) because it was there for a reason. Instead I added "z-index:1;" to to my #header div, which solved the problem.

#10

embirr - March 26, 2009 - 00:16

#11

betancourt - September 9, 2009 - 21:10

I had the same problem. I read many articles and for my case the problem was that my menu was wrapped by a div which had a position relative (I found that later by looking at the other CSS of my theme). I just assigned a higher z-value for the wrapping div, and problem solved.

 
 

Drupal is a registered trademark of Dries Buytaert.