No hover in IE, episode N+1

[S.Gallay]

Problem: menus work fine in Firefox, but don’t appear in IE 7; actually, the base menu appears, not the dropdown…

I cannot point you to the page, unfortunately, as it is on a password-protected server (paranoid IT policies, sorry). But I noted an error log in the MLM Scripts folder:

[code:18ctfa16][11-Apr-2009 00:31:41] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/hoverIntent.js.php on line 3
[11-Apr-2009 00:31:41] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/hoverIntent.js.php on line 4
[11-Apr-2009 00:31:41] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/hoverIntent.js.php on line 5
[11-Apr-2009 00:31:41] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/hoverIntent.js.php on line 6
[11-Apr-2009 00:31:41] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/hoverIntent.js.php on line 7
[11-Apr-2009 00:31:42] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish_settings.js.php on line 3
[11-Apr-2009 00:31:42] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish_settings.js.php on line 4
[11-Apr-2009 00:31:42] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish_settings.js.php on line 5
[11-Apr-2009 00:31:42] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish_settings.js.php on line 6
[11-Apr-2009 00:31:42] PHP Warning:  Cannot modify header information – headers already sent by (output started at /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/advanced.php:31) in /home/tran8798/public_html/hellyerkiwi_site/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish_settings.js.php on line 7
[/code:18ctfa16]

Maybe this would help?

Many thanks in advance!

[blackkats4]

Hi, had the same problem with mine..

Every website they have as an example and even the css generator page has the ie fix in the script.

Since you did not give a url of your website it is hard to see the source code and tell you exactly where the script goes.  but this is the script. Cllick on link and then save the page and insert the script in your website just above your menu script.

https://geek.hellyer.kiwi/wp-content/themes/ … kerfish.js

<!–[if lte IE 6]><script type="text/javascript" src="http://your websitre/ryans_suckerfish.js"></script><![endif]–>

[imported_Ryan]

Hi S.Gallay,
I’m guessing you are using the latest beta version of the plugin since those errors are referencing the advanced.php file.

blackkats4 advice would work, but what you should do instead is to revert back to the stable plugin which will correct some of those errors. If it doesn’t correct them, then post back here with whatever new errors you may see.

[S.Gallay]

@blackkats4: Thanks a bazillion, this works! Actually, the problem was with IE7, but modifying the code accordingly makes it work nonetheless. This is really a relief.

@Ryan: yes, I’m using the 2.53 beta, but I had the same problem with the stable release.

[imported_Ryan]

There is probably a problem with your server which is causing a glitch in the Superfish script.

To correct it, you just need to change the settings in the Multi-level Navigation Plugin. By using blackkats4’s suggestion your pages will load slower since the Superfish script is still loading despite not being used.

The settings you need to change to are:
Speed of fade-in effect: Instant
Mouseover delay (milliseconds): 0
Hide delay time (milliseconds): 0
Sensitivity: High
Enable keyboard accessible menu?: untick
Enable arrow mark-up?: untick
Remove title attribute? untick

[imported_Ryan]

I might an add a ‘FIX IE’ script for the new plugin I’m working on to make this type of problem easier for you guys to find a fix for them in the future.

[dvdripper]

same problem here too:

http://dvdripper.me

It is working fine with IE8/FF/chrome but not with IE 6. The drop down isn’t showing?

I tried blackkats method and it didn’t work and I tried the settings which you have written above and still it won’t work in IE6?

I am using the latest plugin so it already has that suckerfish_js javascript file.

[imported_Ryan]

The dropdowns appear to be showing perfectly in IE6. The suckerfish_ie.js script appears to be doing it’s job as expected.

There is another problem in IE6 which is causing the background hover to be the same colour as the text, so you can’t see it. Is this perhaps the problem you are having and not the problem the others were experiencing above?

[dvdripper]

ah, true!

I ddin’t see that the background hover had same color as text. What do I need to do to get rid of this?

Thanks for your quick reply.

By the way I had also started one more thread in which I have asked how to bring the menu to center. Please do have a look at that too.

https://geek.hellyer.kiwi/forum/http://local … ic.php?t=6

thanks as always ” title=”Smiley” />

[dvdripper]

I just changed the colors. Though it works now but do check the differences in FF n IE6

the drop down has white background and on hover has black background as per my settings but in IE this isn’t working.

why?

[imported_Ryan]

There’s a couple of bugs in the CSS generator which are causing you problems. In particular, anywhere there is a li:hover, there needs to be a corresponding li.sfhover.  IE6 uses the .sfhover class along with a suckerfish style script to load the dropdowns/flyouts into place.

So something like this:
[code:33fht2n8]#suckerfishnav li li:hover {
    background:#000000;
    }
    }[/code:33fht2n8]

Would need to be:
[code:33fht2n8]#suckerfishnav li li:hover, #suckerfishnav li li.sfhover {
    background:#000000;
    }
    }[/code:33fht2n8]

[karenalma]

I may be missing something, but having used the fixes mentioned above my flyouts are not flying out in IE6.
See it here:
http://ccasfnm.org/dev/about-us/
and I am using version 2.1.9

Do I need the extra file mentioned by blackkats4?  I put it in my header file, but it makes no diff in IE6.

My horizontal menu works fine in IE6.  See here:
http://ccasfnm.org/dev

[imported_Ryan]

No, the file mentioned by blackkats4 is used by the plugin already, adding it to your theme will likely cause more problems than it fixes.

[imported_Ryan]

@karanalma – There seems to be a problem with your theme which is preventing the menu from appearing in IE. When I stripped out everything unrelated to the menu it worked fine in IE6.

[Author]

Posts