Hi folks,

I'm using the latest version of Nice Menus with Drupal 5.2, and IE 6/7 consistently displays the fly-out sub menus behind an absolutely positioned content div just under the menu bar (see attached image). I initially thought this was a wmode issue since the content is a Flash slideshow, but I have since swapped it out with a static image and the issue persists. I have also tried relative position on the div, to no effect, and I have changed the z-index of the both the div and the menu block.

I am using a third party theme, and the menu works perfectly in FF, Opera, Safari, and Konqueror.

Any advice would be greatly appreciated.

Files: 
CommentFileSizeAuthor
#4 nice_menu_ie_bug.JPG60.07 KBwolfraem
iehelp.gif30.08 KBsyrinx

Comments

syrinx’s picture

Anyone?

bebeterribl’s picture

i've the same problem...i search why...

bebeterribl’s picture

I have the same problem.

My theme: Box_grey.

wolfraem’s picture

StatusFileSize
new60.07 KB

bump

I'm having the same issue, would really like someone to look into supporting this issue.

Attached below is a link to the problem in a Web site I'm building.

add1sun’s picture

Status:Active» Postponed (maintainer needs more info)

Does anyone have a live site exhibiting this? Unfortunately it is *really* hard to troubleshoot a problem like this without having the code to play around with and since IE has woeful browser tools for troubleshooting, even with a live site it is very hit or miss. Also can anyone reproduce this in any of the core themes? It isn't possible to account for all of the varying CSS in all of the contrib and custom themes out there.

The number one way I have found to troubleshoot overlap problems is putting position: relative; in a parent element and, of course, make sure that the theme isn't doing anything funny with z-indexes or overflow: hidden; anywhere.

wolfraem’s picture

Yes, I do, although I don't know that I can post links here. I've sent you a contact message with my email address -- lets see if we can't work off-page on resolving this and post a solution afterwards.

wolfraem’s picture

Status:Postponed (maintainer needs more info)» Active

OK, so add1sun took a look at my site.

I was using a wrapper div on my main content divs. The problem was that I had explicitly stated that the div should have "position: relative;".

So, check through your theme's style.css for wrapper divs first, then look at content wrappers and see which are defined explicitly as such, then experiment removing the decleration.

add1sun’s picture

Status:Active» Postponed (maintainer needs more info)

I am moving this back to Need more Info since this seems fixed for one person (and potentially another in a different issue: http://drupal.org/node/196171) so other folks should try it out and report back to see if this fixes for them or not. Either way I will add this to the FAQ handbook page.

If no one reports back in the negative in the next two weeks, I'll mark this issue fixed.

add1sun’s picture

Status:Postponed (maintainer needs more info)» Fixed

OK, well I've added the position:relative thing to the FAQ and it seems to be fixing people's problems. I'm marking this fixed.

Anonymous’s picture

Status:Fixed» Closed (fixed)

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

Zoologico’s picture

WMODE="TRANSPARENT" worked for me in IE7 and FF2.

At first, what FLASH spit out for code wasn't well received by Dreamweaver (weird) which read that it wouldn't work well in latest version of IE. Dreamweaver then offered to fix it for me (how nice).

BEFORE (what FLASH generated):

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>urfront2</title>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="180" id="urfront2" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="urfront2.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="urfront2.swf" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="550" height="180" name="urfront2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>

AFTER (fixed by DREAMWEAVER):

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>urfront2</title>
<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','550','height','180','id','urfront2','align','middle','src','urfront2','menu','false','quality','high','wmode','transparent','bgcolor','#ffffff','name','urfront2','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','urfront2' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="180" id="urfront2" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="urfront2.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="urfront2.swf" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="550" height="180" name="urfront2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript>
</body>
</html>

However, I only used this to make it work:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="180" id="urfront2" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="urfront2.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="urfront2.swf" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="550" height="180" name="urfront2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>