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
    Regular Coder
    Join Date
    Jan 2009
    Posts
    160
    Thanks
    40
    Thanked 1 Time in 1 Post

    suckerfish drop down over content

    I have been having a problem with my suckerfish dropdown in IE. I used to have a javascript fadeshow banner right below it and could not figure out why even whenever i rolled over the dropdown it would instantly disappear in IE.

    After much tinkering I found out it was the fact that the drop down was over the banner that was causing that.

    And after more tinkering I found that it was in fact being over ANY content that causes the dropdown to disappear. whether it be an image or text hyperlink, if it is under the drop down when you rollover it will disappear.

    to demonstrate this I made this page:
    http://www.anzie.com/test6.php

    You can see the first 2 drop down boxes work since it is in the same table just with beaks and nothing underneath it.

    However once it leaves the table and hovers over the button/images you can no longer select those dropdowns.

    If anyone has any idea what I could do I would be extremely grateful.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    only had time for a quick look.

    Check your JS code. in it you show 'LI' but in your html, you use 'li'.

    Also, (I know you didn't ask about this), I would recommend that you make thumbnails of the images. Currently it seems to be enlergements being dl'd for thumbs and this looks bad and takes ages. puts your bandwidth up too much as well. I dread to think what it would be like for dial up users of which there are still millions.

    good news, the menu works in FF3.0.10
    hth

    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,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Check your JS code. in it you show 'LI' but in your html, you use 'li'.
    That wouldn't make any difference in stupid IE(which is the only targeted browser for that code)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    Regular Coder
    Join Date
    Jan 2009
    Posts
    160
    Thanks
    40
    Thanked 1 Time in 1 Post
    Yep no difference with changing LI to li. any other ideas?

    One other observation in IE: the rollover only appears to highlight the dropdown if the pointer is directly over the text. could this have something to do with it?


    As for the pictures I'm working on changing all the backgrounds and sizes/ compression. I wasn't the one who set it up like that originally.. should change loading times quite a bit.
    Last edited by sackstein; 05-14-2009 at 09:11 PM.

  • #5
    Regular Coder
    Join Date
    Jan 2009
    Posts
    160
    Thanks
    40
    Thanked 1 Time in 1 Post
    Solved it!

    the fix was to use this


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


    Which I found here: http://www.builtfromsource.com/2006/...downs-in-ie-7/

    thanks for trying to help though!


  •  

    Posting Permissions

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