[SOLVED] CSS menu not showing up on activeparent with IE6

[boby]

Hi,

I have just done a fresh install of CMSMS 1.9.4.1

cssmenu is not working properly with IE6 and IE7

The drop down menu of the active parent is not showing up.

Any idea within the community?

Thanks for your help

[uniqu3]

Could you also provide more info like which template you are using and which menu template is used by that template?
Or provide a link to you problem?

[boby]

I have tried two templates:
- "CSSMenu top + 2 columns" with "cssmenu.tpl"
- "NCleanBlue" with "cssmenu_ulshadow.tpl"
- "CSSMenu left + 1 column" with "cssmenu.tpl"

All are using "modules/MenuManager/CSSMenu.js" for Internet Explorer.

I am working on a site for a friend at http://www.lelavandoulibrex.ca/
The menu"Galerie" shows up a drop down menu at first. But once you are within Galerie or its submenu it does not shows up anymore.

I did another install at http://www.lelavandoulibrex.ca/test/ with the default template "CSSMenu left + 1 column" with "cssmenu.tpl" and it is the same.

I have got 2 exclamation marks in my system information :
- PHP register_globals (register_globals): On (True)
- disable_functions in PHP (disable_functions): dl

Thanks for your help

[boby]

I have tried an install on another server and I have the same problem with IE.

Am I the only one with the problem?

[uniqu3]

checked your website on IE7 where i can't see any issues with your menu.
Dropdowns work fine.

Honestly i wouldn't bother to much about IE6, it's over 10 years old browser and if Microsoft stopped supporting it and calls for upgrade dont know why you should, at least i do not support it except visitor stats with IE6 are above 10%.

[Dr.CSS]

The menu manager has been changed to include parent as one of the classes but the style sheet wasn't updated to reflect this change...

The JS puts an h on the end of li class to help it drop or fly out these menus so in the CSS...

#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
display: block;
}

You will need to add some more calls for parent for each level like it has for menuparenth above...

#primary-nav li.parenth ul

[boby]

Thanks!

I actualized the css adding the lines of code as you said and it works great.

My friend, the owner of the site, will be happy. I told him that I'll install a great program so it will be easier for him.

I didn't want to tell him "you cannot see your page properly but it's fine for the rest of the world".
He doesn't want to actualize his browser neither install firefox. I'll have to make a visit to canada!

Thanks a lot again