Suckerfish Menu Issue in IE-8
I'm unable to keep the sub menu open on mouse hover over it. When i hover the mouse over main navigation (http://www.asdha.org/), it pop outs the sub navigation but as soon i bring mouse pointer over any of sub menu items, the sub menu disappears in some while. Can you please let me know any clue for this issue.
To tell you that i'm having this issue only in IE 7, where as in FF there is no such problem.
To tell you that i'm having this issue only in IE 7, where as in FF there is no such problem.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
The link provided is a stable solution that has been around for years. Your menu seems to work just fine on FF and Chrome using normal CSS :hover rules. Suckerfish is a JavaScripted solution to work around IE5 and 6 not supporting :hover on anything other than a link (<a>-tag), but it requires that you implement a bit of javascript AND that you adjust your CSS rules.
Whatever:hover uses an IE-only technique to insert javascript only in elements that need to be adapted by reading your stylesheet. In essence this is similar to Suckerfish, with the great benefit that you don't have to adapt your own CSS. The link is the developer page with detailed info on how to apply the solution to your website, I quote:
"How do I use it?
Link whatever:hover to the body element, and you're all set. Note that behavior URLs are relative to the html file, not to the CSS file like a background image URL would be.
body { behavior: url("csshover3.htc"); }"
The reason I chose to supply the link is that this way you won't have to rely on another expert to do everything right, you have all the documentation at hand.
I cannot guarantee that it'll work for IE5, I personally barely support IE6 anymore. It 'should' work just fine, but I wouldn't even bet on suckerfish working well in IE5 without extra testing.
Whatever:hover uses an IE-only technique to insert javascript only in elements that need to be adapted by reading your stylesheet. In essence this is similar to Suckerfish, with the great benefit that you don't have to adapt your own CSS. The link is the developer page with detailed info on how to apply the solution to your website, I quote:
"How do I use it?
Link whatever:hover to the body element, and you're all set. Note that behavior URLs are relative to the html file, not to the CSS file like a background image URL would be.
body { behavior: url("csshover3.htc"); }"
The reason I chose to supply the link is that this way you won't have to rely on another expert to do everything right, you have all the documentation at hand.
I cannot guarantee that it'll work for IE5, I personally barely support IE6 anymore. It 'should' work just fine, but I wouldn't even bet on suckerfish working well in IE5 without extra testing.
ASKER
Thanks
ASKER