IE6 css menu problem after selecting a sub-menu (no more drop-down)

[leMich]

Hi,

i got a problem that occurs in IE6 only. I use MenuManager and cssmenu. When i click on a sub-menu i get the new content page, but when i go back to the actual parent menu, the subs-items drop-down do not work so i can't go to others sub-pages (but all others unvisited parents items works !).
Any ideas ?

[ironblaze94]

can we see the site ?

[leMich]

Site now online : www.paystroisfrontieres.com

[KO]

IE6 uses javascript for making the navigation fly-out. That Javascript is linked in your template. You'll find

Code: Select all

< script type="text/javascript" src="modules/MenuManager/CSSMenu.js" >

When you are in front page paths go right and it looks javascript from http://www.paystroisfrontieres.com/modu ... CSSMenu.js

When you are in pages it looks from http://www.paystroisfrontieres.com/inde ... CSSMenu.js or somewhere else.

change your path in templates to absolute and it should work fine.

Code: Select all

< script type="text/javascript" src="[color=red]/[/color]modules/MenuManager/CSSMenu.js" >

or

Code: Select all

< script type="text/javascript" src="[color=red]http://www.paystroisfrontieres.com/[/color]modules/MenuManager/CSSMenu.js" >

You might want to check css and some other links in your templates.

br,
K

[leMich]

Thanks for your reply, but the problem is the same after changing to absolute url in my template... i think if the problem was the link, the menu wouldn't work at all in ie6, but he does (exept when flying over the actual menu page !).

[KO]

i checked it again and probably problem is that those that don't work have li class="menuactive" and there is no style to make them visible. I could be wrong but check following:

#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;
}

Add there:

#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 li.menuactiveh ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
  display: block;
}

Check the javascript that's needed to make it work with IE6. Maybe there is some more hints for you.

br, K

[leMich]

Yeeeeahh ! It works now, thanks so much !!