Posted by BDS on February 9, 2011 at 12:02am
Hi Guys,
I'm at lost here, my nice menu flyout is hidden behind my content as seen in www.uclacommons.com/home-revised. This error shows up in IE 6 & 7.
This suggestion didn't work (.colmask & layout.css): http://coolwebdeveloper.com/2009/03/top-navigation-horizontal-menu-appea....
And, played with changing the z-index values.
Bonal
| Attachment | Size |
|---|---|
| nice-menu-ie-6-7-flyout-render-error.gif | 12.52 KB |
Comments
Views slideshow?
Is the thing the menu is behind a views slideshow? Last time I fixed this on a site I set "z-index: 10" on the nice menu top 'ul' (10 being larger than the number of elements in the slideshow).
John Romine
Yes, I'm using the Views
Yes, I'm using the Views Slideshow module for the banner (www.uclacommons.com/home-revised). However, the What's New block on the left isn't a slideshow yet it's still sitting in front of Nice Menus' flyout. Using panel layout page, in case this jogs anything.
So I set the ul.nice-menu and few other CSS without any result.
Bonal
Seen this before
I think John is right, last time I saw this I had to apply a z-index to the parent item of the nice menu (a div), see http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug it explains the stacking order bug with IE.
Parent div
Yep, you need that too; I had "position: relative; z-index: 99" on the parent div also.
John Romine
Solution found, courtesy of BWPanda
Hi Everyone,
This solution was offered by BWPanda and worked for me (IE 6 & 7). I simply added it to the Nice Menus CSS:
header {
z-index: 2;
}
allContent {
z-index: 1;
}
Thread at: http://drupal.org/node/1054416.
Really appreciate all of the feedback. See you guys.
Bonal