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 3 of 3
  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE suckerfish problem

    Hi all,

    I am using the suckerfish dropdown for a site and am having problems in all IE browsers. Basically, as soon as the suckerfish menu content interacts with any content below it, the hover is lost and the menu disappears. You can see this if you hover on "about lifebook" on the main nav of the page posted below.

    I have read that the solution uses z-index, however, I have tried all sorts of fixes using z-index without luck. One solution said to just make the top nav area z-index 1 and the content area z-index 2. I have tried this as well as stacking all my elements and the menu always disappears in IE. Any help in solving this issue would be greatly appreciated!

    Again, click on "about lifebook" in any IE browser to see what I'm talking about...

    http://www.jontakiff.com/suckerfish/

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Probably best to start by removing everything from the page to see if any of the other scripts or css are affecting your menu. Once you have it wokring, then you can add them one by one. separate issue but you seem to have several 'items' in the centre of the page on the carousel (as shown when JS is disabled) yet, when it is 'on' in FF, only one feature is accessible. Maybe a conflict between scripts?

    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
    Try
    Code:
    #main-nav li {
    display:inline;
    float:left;
    height:1%;
    margin-right:32px;
    text-align:left;
    position:relative;
    z-index:10;
    }
    .spacer-bg-off {
    color:white;
    position:relative;
    z-index:1;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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