Suckerfish Dropdown and z-index problem with another div...

Discussion in 'CSS' started by Quevin, Aug 7, 2008.

  1. #1
    If you think you can help me with this problem, I'll provide the URL.

    I have a horizontal nav item with a suckerfish dropdown that's falling under the div below. The horizontal navigation is positioned absolutely, and the div below is within a few other containers and is just relative. I can't figure it out...

    Will gladly pay for your time.

    Thank you!
     
    Quevin, Aug 7, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Which browsers? IE only? Is the div below also absolutley positioned?

    Normally, something that's absolutely positioned gets the higher z-index naturally, except in IE where sometimes there's a z-index bug. Moving the set z-index to the parent (the main ul) instead of the children (the subs) can solve this.

    If the div below has Flash, that's another issue.

    Any reason why you have an absolutely positioned menu? It'd better be a very special reason.
     
    Stomme poes, Aug 10, 2008 IP
  3. garyc40

    garyc40 Peon

    Messages:
    115
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Changing the z-index doesn't always work. Maybe you should try triggering hasLayout for the parent ul, or the parent of the suckerfish menu. It worked for me several times in the past.
     
    garyc40, Aug 11, 2008 IP
  4. Quevin

    Quevin Peon

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It wasn't necessarily about the z-index only, and it is about making sure parent containers are set to "position:relative" so IE knows to keep it at the same z-index defined. I haven't tried "hadLayout," so I'll see if that works too...
     
    Quevin, Aug 12, 2008 IP