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
    Feb 2009
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Navigation Issue: Suckerfish Dropdown IE

    I can only replicate this problem on some computers, and on IE but I notice that on this page:

    http://www.actionsigns.co.uk/09dev/n...orate/banners/

    the navigation (a suckerfish drop down css/javascript menu) the menus do not disappear when the menu loses focus, i.e. the user moves cursor off menu; they appear to 'stick' to the page.

    Could someone throw some light on this?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I can only replicate this problem on some computers, and on IE but I notice that on this page:
    It's working fine in IE6. I guess the issue is in IE7, an upgraded copy from IE6.

    I had a similar issue with that sfhover function. So I replaced it with the method used at http://examples.codecharge.com/CCSEx...u/VCSSMenu.php (You may view the source, to see the trick)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Nov 2006
    Posts
    247
    Thanks
    13
    Thanked 26 Times in 24 Posts
    I spent about 3 days solving this. It's actually pretty simple. All you do is apply a background color to the <ul> while they're on focus. I'm not sure why this fixes it, but it does.

    Code:
    #nav li:hover ul, #nav li.sfhover ul {     
    	left: auto; 
    	padding-left: 0px;
    	background-color: #FFF;
    }
    Here's a Suckerfish menu I did a while ago. If you look in the CSS, I even left a comment about this bug.
    http://majoracle.webs.com/dropdownme...level-gray.htm
    Last edited by Majoracle; 02-14-2009 at 09:09 AM.

  • The Following 2 Users Say Thank You to Majoracle For This Useful Post:

    abduraooft (02-14-2009), actionsigns (02-16-2009)

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Thanks! that's a good fix. Though I think it's not background-color, instead just background. So background:none; also does the trick.

    PS: It's funnier than hasLayout issues
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    actionsigns (02-16-2009)

  • #5
    Regular Coder
    Join Date
    Nov 2006
    Posts
    247
    Thanks
    13
    Thanked 26 Times in 24 Posts
    Oh yes, background: none; does work too. It wouldn't work on mine because of the borders dividing the links. As soon as the cursor hit the border, the menu would disappear. But in actionsigns' case, I think it'll work. Anyway, I think by the time I actually figured this out, I was so drained, I didn't even think to check that.

    This is a pretty sneaky bug, because I think a lot of people fix it without realizing they have.
    Last edited by Majoracle; 02-14-2009 at 10:03 AM.


  •  

    Posting Permissions

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