IE Hover

[PARoss]

I'm working on a redesign of my http://www.paross.com/studio/template.htm site, and have tweaked the HTML Dog menu to drop down horizontally rather than vertically. But I don't know enough to adapt the IE Hover javascript, so IE6 doesn't work correctly.

Can someone tell me how to adapt the IE Hover javascript to function correctly?

Thanks in advance.

Phil

[sands]

Originally Posted by PARoss

Can someone tell me how to adapt the IE Hover javascript to function correctly?

You could try out this one instead:
http://www.sivamdesign.com/scripts/dwld/tabmenu2.html
Works for all browsers.

[PARoss]

Sands,

I could, but I don't want a Javascript menu. The one I am using is pure CSS, except that hover doesn't work in IE6.

It should be a fairly simple thing to change the javascript used by IE6 to float left rather than stack (providing one knows Javascript).

Phil

[mikesmith76]

which version of I.E is this not working in? I've just looked at the site in IE7 and it behaves the same way as it does in firefox.

[PARoss]

Mike,

IE6. It's always IE6 or lower that causes trouble.

Phil

[mikesmith76]

One thing I would suggest is cutting out all the Javascript files apart from the iehover.js, and see if you still have a problem.

[PARoss]

Mike,

The menu is completely CSS driven, except it uses a conditional statement to hook IE6, which then uses the Javascript IEhover.js to implement the CSS.

The IEhover.js is about 12 lines of Javascript that makes IE6 behave. I have no idea what it does or how it does it. I've tried looking at the code, but I just don't "get it."

There are a couple of Javascript files, all which exist as independent files that are called into the HTML. So, I don't understand what you mean, or how it would help.

But thanks for thinking about it.

Phil

[mikesmith76]

In the menu javascript (iehover.js) a function is attached to the onload event. When the page has finished loading this event is triggered and the function is called. This then does some other stuff to get :hover to work in IE6.

Now if this onload event is being overwritten in other javascript files, there's your problem

[PARoss]

Mike,

I made a few changes, to no avail. I eliminated the other Javascript that may have been interfering.

The IE6 behavior is very weird. Two of the drop down lists are being "wrapped" at various points, as if the container width isn't wide enough. But the "wrapping" does not seem to be consistent.

I just don't get it, but I sure need a fix.

Phil

[DaveSawers]

Originally Posted by PARoss

I could, but I don't want a Javascript menu. The one I am using is pure CSS, except that hover doesn't work in IE6.

If you're using JavaScript for other functions, why not use it for the menus too? CSS has its uses but it's not the Holy Grail of web programming. Since CSS implementation is so buggy in various browsers, restrict its use to where it mostly works.

[PaulZ]

Without trawling through the code and vast knowledge of how ie6 uses the css model, i'm afraid you aren't likely to get a solution...

here is a huge list of css only menus, many of which are cross browser compatible
http://www.cssplay.co.uk/menus/index.html