Page 1 of 1

IE6: multiple vertical css menus doesn't work

Posted: Wed May 27, 2009 1:44 pm
by jack4ya
Okay:
- Here's the code in the template
        {menu start_element='2.1' show_root_siblings='1'}
        {menu start_element='3.1' show_root_siblings='1'}
        {menu start_element='4.1' show_root_siblings='1'}
- Standard vertical css
- Standard menu template

Now:
Only the first menu will work in IE6, the ones after the first will not:
- no hover effects
- no foldout effects

Temporarily example: http://www.halfzeven.nl/cmsms/opvang/  USE IE6!
Further more: No issues on other browsers (as I know off)

I suspect the javascript call/thing.
Any thoughts on this?

Re: IE6: multiple vertical css menus doesn't work

Posted: Wed May 27, 2009 3:46 pm
by KO
Yes it's javascript thing. Bit of javascript that is needed for IE6 looks for certain id that CSSmenu has. as ID's should be unique IE6 finds first one and it's not gonna look further for another one. if you validate your page...
anchor "primary-nav" already defined>
anchor "primary-nav" already defined>

You should 1. create new valid id's for menu's, add another js call for those, change CSS to reflect them.... or
2. do your menu's differently so they are single one and separate menu's with "separator" and style it to your needs.

Re: IE6: multiple vertical css menus doesn't work

Posted: Wed May 27, 2009 6:06 pm
by jack4ya
Thnx for the pointer. Didn't think of the unique id's. (I should have though)
I'll give it a go.