Dropdown menu not working in IE6

[isign4jc]

Hi,

I’m using the dropdown menu for my site below. It’s working great everywhere else, but not in IE6. The dropdowns aren’t dropping down.

http://65.109.163.39/wp/index.php

Thanks!
Eddie

[imported_Ryan]

Hi isign4jc,

You need to add the suckerfish_ie.js script to your page for the menu to work in IE6 or lower:
<!–[if lte IE 6]>
<script type=â€[code]<!–[if lte IE 6]>
<script type=â€

[isign4jc]

I added the code you posted to the head section of my page using an absolute path to the javascript, but it still doesn’t work. Am I missing something else?

[imported_Ryan]

I didn’t realise you were using the dropdown menu plugin. Is there some reason you aren’t using wp_head in your theme? If the plugin is activated it will automatically add the javascript to your head along with the necessary style sheet information.

You have wrapped the suckerfish() function in a UL tag. remove that and may be the problem will be fixed.

[code:wtkh840a]
<ul id="nav">
<!– Suckerfish WordPress Plugin by Ryan Hellyer ... http://ryanhellyer.net/ –>
<ul id="suckerfishnav"><li>.... [/code:wtkh840a]

You also have a bunch of very old invalid tag soup code in there, ie: left-margin, top-margin etc. I doubt they are causing the problem, but it would pay to get rid of them  and replace them with body {margin:0;padding:0} in your CSS just incase they are causing issues.

[isign4jc]

Thanks so much for your assistance. I really appreciate your speedy responses to my questions. We were able to figure it out and it turned out to be a piece of code that we were missing on our end. After adding this to the head section, it worked like a charm!

[code:288dv56o]<script type="text/javascript"><!–//–><![CDATA[//><!–

sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//–><!]]></script>[/code:288dv56o]

[size=1:288dv56o]EDIT by Ryan: Put code into CODE tags.[/size:288dv56o]

[imported_Ryan]

isign4jc – If you have the plugin activated, you shouldn’t need that code at all. The javascript should be included in your HEAD as long as you have the wp_head function in your theme (almost all themes do).

If you don’t have wp_head in your theme, then you would be better off using code like below, as it will not needlessly load the code for browsers which don’t need it.
[code:312r8aoi]<!–[if lte IE 6]><script language="JavaScript" src="http://domain.com/wp-content/plugins/ryans-suckerfish-wordpress-dropdown-menu/suckerfish_ie.js"></script><![endif]–>[/code:312r8aoi]

[size=1:312r8aoi]Note: if you are using the latest beta, you will need to enter a different URL as the new plugin has a different folder name.[/size:312r8aoi]

[isign4jc]

Again, thanks so much for your time! I added the <?php wp_head(); ?> to my head and it worked, just as you said. It also seemed to resolve another problem I was having with a plugin, so double thanks to you!!

[imported_Ryan]

Glad to hear your other problem was solved too ” title=”Smiley” />

If you are going to use plugins, then adding wp_head is almost mandatory as most of them use it.

[tommygunner]

hmm, I’m trying to get dropdown working in IE6 and tried the above solutions witout success. I cut and pasted the code above into the header section of the site. I was seeing a error on getElementById line.

I removed the javascript it and checked to see if wp_header was in  header and found < ?php wp_head(); ? > which means I don’t need javascript from my understanding.

I do have suckerfish in a ul tag which I hope is ok.

[imported_Ryan]

&quot;tommgunner&quot; wrote:

I removed the javascript it and checked to see if wp_header was in  header and found < ?php wp_head(); ? > which means I don’t need javascript from my understanding.

Yes, that is correct.

I need a link to your site to help any further though. It may be a CSS clash with your theme or something different entirely, but without seeing the code I can’t know for sure.

[tommygunner]

Is there a way to private message the url to you?

[imported_Ryan]

Hi tommygunner,
You can use our <a href="https://geek.hellyer.kiwi/contact/">contact form</a> to send anything private to me.

[Anonymous]

wordpress drop down menu is not working in all version of IE.
Iam using wordpress V3.01
site link:"http://travel-path.com/india/karnataka/mandya/&quot;

Pls help me anyone

[imported_Ryan]

Hi,
Sorry for the ridiculously long wait time before I have replied.

&quot;mahendra&quot; wrote:

wordpress drop down menu is not working in all version of IE.
Iam using wordpress V3.01
site link:"http://travel-path.com/india/karnataka/mandya/&quot;

Pls help me anyone

As per the forum rules, please create a new topic if you want assistance.

[Author]

Posts