I've created a custom Drupal theme for a client and the nice menus appear and work perfectly in IE7 and Firefox. However, the menu does not even SHOW UP in IE6.

It will show up if I comment out the float:left below in the nice_menus_custom.css

ul.nice-menu li {
  border-bottom: 1px solid #3E3D1B; /* light brown */
  float: left;
  background-color: #21200E;
}

However, I am surprised that the .js doesn't even work.

Any suggestions? It's so beautiful in the other browers. I just want to see it....

Comments

Nickerbockerbean’s picture

Nickerbockerbean commented

Sorry. Here is the site link: http://www.cascobaysports.com

add1sun’s picture

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

Hm, OK well i looked at this briefly. Troubleshooting anything in IE is a nightmare since I can't update the code myself and see the changes (like you can in FF). One thing that I saw that struck me as a bit odd is that the #main_menu, #main_menu ul and #main_menu li all have display:inline and I don't see what the reason for that is since this is not a horizontal menu. If you remove those, you shouldn't need the float:left on the nice menus li anyway.

I don't have time to poke further but that is all I've got for now.

Nickerbockerbean’s picture

Nickerbockerbean commented

Wow. Thanks. I kind of feel like a tool b/c when you are modifying another layout, I sometimes don''t dig deep enough into what could screw me up later. The menus are now appearing! Except that the pop-out doesn't work. (Only in IE6 of course). Any ideas why?

add1sun’s picture

add1sun commented

Hm, OK I am getting ready to go to the airport but 2 things for you to check out.

1) have you tried taking out the nice menus stuff in ie-fix.css to see if that is causing problems?

2) I can see that the nice menus JS stuff is being called twice, once from nice menus and once with an IE6 indicator. It shouldn't matter, I don't think, but that seems a bit weird and not sure why that is happening.

Rob_Feature’s picture

Rob_Feature commented
Version: 5.x-1.1 » 5.x-1.2

This is the same issue I'm having...but here's an even weirder issue:

This isn't being caused by the float:left. It's actually being caused by the border. I know, that makes no sense. In my default CSS for IE, if I have:

ul.nice-menu li {
  border: 1px solid #ccc;
  border-top: 0;
  float: left;
}

then the main menu and it's submenu appears. However, If i remove the border like so:

ul.nice-menu li {
  float: left;
}

the entire nice menu no longer appears in IE.

Wacky. I have a feeling this is an IE bug somehow...I've noticed with other IE CSS bugs that if you add a border, sometimes things will appear that won't appear otherwise.

Rob_Feature’s picture

Rob_Feature commented

Here's some more info:
I have my menu items displaying inline...so if I have float:left in the previous example, everything disappears (which might be expected). However, if I remove the float left as well, so the ul.nice-menu li is totally empty, then the main nav appears, but the subnav doesn't.

I'm thinking maybe this is a combo of display:block and display:inline which is causing this...no answer yet, just posting info here as I wade thru it.

Nickerbockerbean’s picture

Nickerbockerbean commented

Any more ideas on this? I had to step away from the project, but now I'm back and my IE 6 menus are still not flying out.... Any suggestions?

http://www.cascobaysports.com

Thanks

Nickerbockerbean’s picture

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

I have checked the ie specific css and removed the reference to the nice menu, I've also deleted the duplicate call to the .js file and no luck. Any ideas?

Nickerbockerbean’s picture

Nickerbockerbean commented
Status: Active » Fixed

Wow. I'm not even sure what I did, but it's working. I basically had to keep tweaking my fix-ie-6.css until I found a visibility setting that was wrong.

missym’s picture

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

Hi -

Can you post your fix-ie-6.css file? I'm running into the same problem.

Thx --

Missy

Nickerbockerbean’s picture

Nickerbockerbean commented

Missy, I would love to help you. Hopefully this works for you. I think it ended up being the "ul.nice-menu ul " setting of visibility.

Good luck.

body {
	height: 1%;
}
#container {
	height: 1%;
}
ul.nice-menu li {
  border-bottom: 1px solid #3E3D1B; 
  position: relative;
  background-color: #21200E;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #21200E url(arrow-left-casco.png) left center no-repeat;
} 


/* hide the sub level links */
ul.nice-menu ul {
visibility:visible;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
ul.nice-menu li:hover ul,
ul.nice-menu a:hover ul{
visibility:visible;
}
iframe {
    display:none;
}
missym’s picture

missym commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

Thanks, Nic - That didn't work for me but it got me on the right track. #@*#&$(*@ IE - it should be outlawed.

Anyway -- my problem was that my flyout to the right menus didn't show in IE. The following was the key for me:

#container #sidebar-left
{overflow:visible;}

agileware’s picture

agileware commented

The fix for this problem for me was:

ul.nice-menu {
  visibility: visible;
  position: absolute;
}
Rob T’s picture

Rob T commented

That was the fix for me as well. In my case, I used Nice Menu for primary links, yet in Firefox, the links weren't even registering as links.