CooljsMenu In Blog

[mbrad]

Thanks for taking the time to read my question.

I am using CooljsMenu on my site and it works great. I've added a blog to my site and have CooljsMenu at the top of the blog to keep the site nav consistent.

My problem is that the sub nav items don't work in IE7 in the blog but they do work in FF on the blog page. The rest of the pages in the site the menus all work regardless of browser.

I had to make a menu_items_Blog.js file that has a few changes. Changes added are to handle the file structure. To all references I had to add

[mbrad]

I just noticed that in IE7 in the bottom left corner it says Done but it has the yellow triangle with the exclamation mark on it (Done with errors), where as FF just says Done (no errors)

Upon further testing, I am able to click on the sub menu, but the hover event doesn't fire, and the sub menu disappears after a second or so if I just leave the mouse on it. If I click, the nav takes me to the page I clicked on. The sub menu should not disappear if I leave my mouse over it.

Thanks,

Brad

[AlexKunin]

Can you post the URL of your site here? And IE's error message too.

[mbrad]

http://www.2nationsfemalehockeyleague.com/2NBlog/

I double clicked on the Yellow triangle in the bottom left corner of the page that says 'Error On Page.' and got this (IE6 SP2)

[AlexKunin]

[mbrad]

The menu shows up, and if you hover above the "About Us" menu item, the sub menus show up in both FF and IE(6&7), BUT, when you move the mouse over a sub menu item when in IE the menu disappears quickly before you really have time to read all the options or decide which one to click on, and the background image doesn't change. In FF the sub menu remains until you either click on a sub menu item, or you move the mouse off the sub menu.

Try this

In IE, move the mouse over the "About Us" menu item. Then move the mouse down over the "League Board" sub menu item. How long does the sub menu stay visible for you? Does the background of the sub menu item turn white when you hover over it?

For me in IE6 and IE7, the background of the sub menu doesn't turn white, and if I'm hovering over a sub menu item, the sub menu only stays visible for about 1 second then goes away as if nothing is hovering above it.

Thanks again for helping me fix this.

Brad

[AlexKunin]

Moving the <script>var m1 = ...</script> tag to the very bottom of HTML code will solve the problem.

[mbrad]

THAT WAS IT!!!!!!

THANKS!!!!

Why does that change anything?

Brad

[AlexKunin]

Z-index was the reason.