Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    51
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Suckerfish Dropdown Menu IE Issue

    I am having some trouble with a Suckerfish Dropdown menu located on this page:

    http://goldenhillschurch.cmcconnell.com/index.html

    It works great in Firefox, but in Internet Explorer the dropdown items usually "freeze" (see screenshot) when you hover over them. Not all the time, but just about. I copied the IE fix from the Suckerfish website, which made the menu dropdown items display on the page in IE, but now I have this freezing problem.

    Any help?
    Attached Thumbnails Attached Thumbnails Suckerfish Dropdown Menu IE Issue-gh-capture.jpg  

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I'm not sure if your CDATA stuff is OK.

    Here's mine:
    Code:
    <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>
    now I'm off to check your css. I had the same problem in IE6 about 2 years back and I think it was caused by the js not being correct.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    The freezing issue could be fixed by adding some background to your sub menu <ul> or at least
    Code:
    #nav li ul {/*nav_styles.css (line 12)*/
    background:none;
    left:-999em;
    position:absolute;
    width:10em;
    }
    btw, for me, your menu is broken in IE6.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New to the CF scene
    Join Date
    Jul 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Suckerfish horizontal drop-down menu freezes in IE7

    I tried the two solutions given, but I also still have the problem of the drop-down menus from a horizontal navigation freezing in IE7. It works fine in IE8 and the other browsers. Here is a page I've been testing: http://www.vettevendors.com/test/homepage_termite.html

    Please ignore the left-hand vertical navigation - it's leftover from when I was working on that part.

    I don't want the main categories, such as "C1 Parts 1953-62," "C2 Parts 1963-67," etc. to link to another page, so the a links are coded as <a href="#">. If I change "#" to an actual link, such as "http://www.vettevendors.com/test/homepage_termite.html", then the drop-down boxes no longer freeze. For some reason, the code has to have a valid link. You can see the freezing of the drop-downs when you click on the main categories.

    I hope someone has a solution. Thanks!

  • #5
    New to the CF scene
    Join Date
    Jul 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Solution Found

    I found the solution. For just IE7, I included the following:

    #menu li:hover, #menu li.hover {
    position: static;
    }

    I found the solution at this source:
    http://www.builtfromsource.com/2006/...downs-in-ie-7/


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •