nice_menus (4.6) do not pop out on IE (Win)

can you please give me an internet explorer version number? This module works perfectly with IE 6 (and I think 5.5 and maybe even 5.0) on windows. However, Javascript has to be turned on (as it should be anyway for most sites to work these days).

Your demonstration menus do not work on my work pc. It's running IE 5.5 on Windows 2000 with service pack 4. Javascript is enabled. Hope that helps you narrow down the problem.

Just as a note: The menus at http://www.howtocreate.co.uk/tutorials/testMenu.html do work on my work pc. Maybe there's some useful advice on that page.

Have the same program

On the Oprea, FireFox and Mozilla it's OK. but IE - I can't see the submenus. The tree doesn't expand. I have IE 6.0

Andrzej

I've defined nicemenus to pop to the left (the 'left' menu style, after all, this is an Hebrew site).
They pop up greatly on firefox, but show strange behavior on IE.

Nicemenus do popup on my Internet Exploer 6.0 (Win 2000) but reposition themselves in stange positions with an exiting animation. When I put them on the left - they first pop to the right then to the left outside the window. And when I put them on the right the whole toplevel menu item moves to the left after a few seconds.

The reference demonstration on http://cvs.logrus.com/jakeg works great.
I am using a theme based on the same bluemarine theme, which is the theme used in http://cvs.logrus.com/jakeg.

Amnon
-
Personal: Bring Dolphin's Simple Joy to your Work - Job - Career
Professional: Small business web hosting strategies, Drupal Hebrew Services

Here is a sample picture of the situation in IE

yes you are right - on your site it works, but on mine - doesn't.

Andrzej

I have made some progress on this and the "not working with all themes" bug by increasing z-index to 10 in the nice_menus css.
I am still having trouble with Explorer. Opera, Gekko based browsers, Safari work fine. The reason is probably the now well documented explorer six z-index bugs:

http://www.aplus.co.yu/css/z-pos/index2.php

I have been having trouble placing the pulldowns in the title section of my sites because of this explorer bug. A workaround may be possible by using the "later in the document trumps earlier elements" rule in z-index css.

Yes it really works on your site. But could you help me, how to fix it? I can't find "z-index" in the file nice_menus.css

Andrzej

ul.nice-menu,
ul.nice-menu ul {
  width: 150px; /* override this for a different menu width. WARNING: have to change in other places too */
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px #ccc solid;
}
	

Add
z-index:10;

to the above.

My "fix" is to hide interfering content layers for Explorer:

dropdown_books.js

Change "dropdown-book" to "nice-menu"
and change 'middleColumn' to whatever you need to hide in your theme.

Still doesn't work for me with IE 6, even after the z-index has been added. It works fine on opera and mozilla.

The url is http://www.worldcuplatest.com

The first popup menu is the js_dommenu module, which I want to get rid of because it takes nearly a quarter of the whole xHTML code. The second down below is the nice_menu...

It is very frustrating...

Regards,
Pavlos Skoufis

Sorry about that. You are not alone in your frustration. I have scoured the web and spent two days on this already and nobody seems to have a better solution for IE than hiding the interfering layers (as my javascript does) or designing the site so that the pulldowns have room to expand without layers underneath.

pavlos, your symptoms seem to be different from mine. I see no attempt to popup at all when I run your page in IE. I wonder if there is an interaction with your other menu code?

It could well be...

The problem is that if I remove the first menu from the left, people won't have a different way of navigating the site...

I have tested it without that menu being enabled, and still get the same results...

I am using modules which add js code to the head of the document, and possibly that's what is causing problems. I wish I had more time to devote on fixing this issue... Also my CSS knowledge is not so advanced...

It is the first menu exactly as I want it, with the urls not hidden between many lines of js, which is search engine unfriendly. Well done for the effort... I hope you make it work...

Best regards,
Pavlos Skoufis

Just reporting the annoying news that I have problems with IE 7beta and nice Menus. It is hard to believe they haven't fixed their famous css layer bug I wonder if there is something else going on.

for those using 4.7, please try out the latest cvs copy of nice_menus and let me know what issues remain and which are fixed.

I backported the css and javascript changes from the latest 4.7 to my 4.6 version. I still have the layer issues with the sands theme and IE7.0beta.

IE5.2 on the Mac. doesn't work either but I wouldn't worry about.

I can confirm the same problem on the following platforms.
All using Drupal 4.6.5 and 4.6 of Nice menus.
With Bluemarine, Chameleon, Leaf, Marvin, Pushbutton, ADC (those are the ones I have tried) and IE 6.0.2 on WIndows XP SP2, Windows 2000 SP4 and IE 5.5 on Windows 2000 SP4 Nice Menus does not work -(sub menus do not pop out). I have tried disabling various modules, but to no avail. Works beautifully on FF (multiple versions) and Opera on both Windows and Linux.

I would love to simply ban my users from using the POS browser that is IE, but I can't.

I got sick of trying to tweak the style sheets - as fixing something for IE would involve degrading or even breaking for other browsers. in the end I decided to just do a radical hack of the block.module and used the browsecap module to sniff the browser, and where the browser is IE I presnt the navigation and taxonomy menu, but where it is a different browser the Nice Menus and shortcuts menu get presented instead.

This requires enabling all 4 menus and alterling the blocks.module with follwoing code that gets used at the end of that module.

this involves a hack of a core module, and is quick and dirty, and just takes care of my very immediate need to suppress my DHTML menus for IE.

If I get time I will refine it so that the browsecap table has a compatibility feild - ranging from 1 to 10 and the browsecap checks to see if the value is above a certain number, and then blocks and nodes conceivabley could slectively or alternately display depnding upon the compatibility level.

this code gets added/altered in modules/block.module

<code>	
//Check Browser Compat
	$browsecompat = TRUE;
	$useagent = $_SERVER['HTTP_USER_AGENT'];
	$browser = browscap_get_browser($useagent, TRUE);
		if ($browser["browser"] == "IE") { 
			if  ($block["module"] == "nice_menus" or $block["module"] == "shortcuts")
			$browsecompat = FALSE;
				}
			elseif($browser["browser"] != "IE") {
				if  ($block["module"] == "menu" or $block["module"] == "user")
			$browsecompat = FALSE;
				}
		else {
		$browsecompat = TRUE;
		}

      if ($enabled && $page_match && $type_match && $browsecompat) {
        // Check the current throttle status and see if block should be displayed
        // based on server load.
        if (!($block['throttle'] && (module_invoke('throttle', 'status') > 0))) {
          $array = module_invoke($block['module'], 'block', 'view', $block['delta']);
          if (is_array($array)) {
            $block = array_merge($block, $array);
          }
        }
        if (isset($block['content']) && $block['content']) {
          $blocks[$region]["$block[module]_$block[delta]"] = (object) $block;
        }
      }
    }
  }
  return $blocks[$region];
}

I'm reusing the Nice Menus css logic for my primary links on a civicspace democratica theme. I managed to get the pop out of the menus (I'm using downward flowing menus
from the top navigation bar that goes across the screen) to work, but the popout gets
cut at the first LI itself because of the content below the navbar. (left, center, right containers). This was happening for both FF (1.5.0.1) and IE (6.0.29)

I posted a note here http://drupal.org/node/43129 and user Colorado said I must try z-index. z-index: 1, or 10, 10000 made it work for FF. But not for IE. In IE. The flow is not visible beyond where it gets cut off.

HOWEVER, I found out that this website is also using a civicspace theme and has been able to get drop downs to work out the I have been trying! They have a very complicated CSS file it looks like, including z-index. Theirs works for IE and FF.

http://www.realnext.nl/

I've not been able to quickly tell what else they are doing other than z-index.

-S

Folks, I solved this problem based on a preliminary reading of how absolute and relative positioning and z-index values interact with each other, acc to CSS 2.1, w.r.t browers.

For my nice-menu implementation (this is customised further from JakeG's 4.6 version)
I have split the ul.nice-menu and ul.nice-menu ul declarations for other reasons.

Once I declare the main UL nice-menu box as "relative" and put the z-index > 0 number there, the flow pop-out happens fully.

ul.nice-menu {
position: relative;
width: 110px; /* override this for a different menu width. WARNING: have to change in other places too */
background: #fff url(../../images/bg_global_primary.png) repeat-x bottom left;
margin: 0;
padding: 0;
padding-bottom: 15px;
list-style: none;
line-height: 1.7em;
vertical-align: center;
border-top: 1px solid #edd;
z-index: 10000;
}

ul.nice-menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1.2em;
border-bottom: 1px #ccc solid;
}

Note that I do not need to put "position: absolute" or a 'z-index' number for the
'ul.nice-menu ul {" declaration.

This rather simple hack works for IE 6.0.29 and FF 1.5.0.1 for me. I've no clue for IE on MACs yet. Hoping there won't be an issue.

I think this site and Dave Hyatt's original clarification are helpful, though I don't I have my arms all over it yet.
http://www.aplus.co.yu/css/z-pos/index.php

-S

I'm having a problem with Nice Menus (in IE Win) using a modified Friends Electric Theme. I can't get the menu items to dropdown over the content, even using z-index:10000 (the items appear beneath the content). Also, the menus are not clickable. Everything works fine on Safari and FF on the the Mac.
Here's the site:
http://216.70.98.49/
Any suggestions?
Thanks,
Justinian

Turns out the problem is with my theme. I tried another theme and the menus work fine.

The earlier post was a problem with my theme. It worked great on IE once I switched back to the english theme. So I fixed the CSS to support Hebrew, and how you can see Hebrew menus popping out just greatly on my Hebrew (right to left BIDI direction) site.

Continued: It works great on IE6 on Windows 2000. I haven't checked other IE configurations.

I have tried many combinations, even desperately, and it seems that, thanks to Slazenger's post #22 and some additional changes, I have finally found a "nice_menus.css" that more or less works well for me in IE6. At least, menus go the right direction, and they appear where they must.

I hope it's useful for anyone.

Can someone please advise which themes do appear to work in both Mozilla (FF) and IE? I am also seeing this issue, where the pop-ups only appear to work in FF.

I am using a fresh install of 4.7RC1, and it appears that this issue is present for both 4.6.x and 4.7.x.

I'm still experiencing this bug, using Drupal & Nice Menus 4.7, Mollio theme. Tried the fixes in Slazenger's post #22 and atreides post #27, without success. Menus are not poping out in IE 6.0. (They work fine in Safari). Curiously, the nice menus demo on jakeg's demo page (http://cvs.logrus.com/jakeg/) works fine on my IE 6.0, which makes me thing a solution is out there and i just haven't found it.

I took the stylesheet and the javascript file off of jakeg's demo site and used it on my site (mollio based theme) and it didn't work. I too have tried all the suggestions made above. Could someone please advise on how to make this thing work?

Thanks

Okay, I was on holiday and about to go to bed when I suddenly realised what might be causing this problem for people. In your theme, make sure you have this line:

<body<?php print $onload_attributes ?>>

... as this loads the necessary javascript when the page loads. IE needs the javascript while firefox doesn't, hence why its only in IE that it doesn't work. This is in the standard Drupal themes but may not be in your custom themes by default, so add it in.

Okay my last post seems to be incorrect, in that the onload_attributes seem to have been depreciated. I think I've solved the problem for gtoddv though - his main drupal.js file seemed to be cutoff half way.

changing status to closed because i don't think this is an issue

I have a problem with my nice_menus in the left column. The fly-outs display behind the center column objects. This issue was closed, but I think it's still an issue. I'm using IE 6. Any help?

nice_menus(4.7) is not working poperly, the sub-submenu items are not geting populated when mouse is on main parent menu item.
can any one help me in this issue.

Thank you.

nice_menus(4.7) is not working poperly, the sub-submenu items are not geting populated when mouse is on main parent menu item.
can any one help me in this issue.

The attachment shows the exact problem.

Thank you.

This issue was for menus not popping out at all. There are other issues that deal with other bugs, please continue those. Unless the menu doesn't pop out at all please leave this issue closed.