Z Index not working for Drop Down Menu??

Discussion in 'CSS' started by typingmums, Oct 7, 2008.

  1. #1
    I've just been playing with a drop down menu I got from here:

    http://javascript-array.com/scripts/...rop_down_menu/

    It looks great apart from the fact that when I upload it the z index isnt working and the drop downs sit under all of the content. Locally it looks fine. I've used exactly the same code as is used on the example...literally just copied and pasted it and then just changed the colours....

    heres where I've uploaded it to:

    http://www.penair.com.au/index2.html

    Any suggestions anyone??

    Thanks very much

    Rach
     
    typingmums, Oct 7, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi Rach,

    I haven't had time to look at your tester page yet, but what happens if you put the Z-Index of all the menu items at a really high number, say z-index: 100;

    If you are still having problems somebody else may get onto it or i'll have a look tommorow.
     
    wd_2k6, Oct 7, 2008 IP
  3. typingmums

    typingmums Well-Known Member

    Messages:
    1,446
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    140
    #3
    At the moment the entire menu is set with a z-index of 30...i tried it at 500 and it didnt make a difference? So you think I should set a z-index for them all indvidually?
     
    typingmums, Oct 7, 2008 IP
  4. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    assign your navigation table a position:relative and z-index:whatever.

    then assign you content and left bars with z-index:whatever-1

    at least, that's what works for me when I change it in firebug.
     
    rikun, Oct 7, 2008 IP
  5. typingmums

    typingmums Well-Known Member

    Messages:
    1,446
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    140
    #5
    Adding the Zindex to the navigation table fixed it...thanks very much for that...it was driving me nuts!! :)
     
    typingmums, Oct 7, 2008 IP
  6. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #6
    glad i could help
     
    rikun, Oct 7, 2008 IP
    typingmums likes this.
  7. typingmums

    typingmums Well-Known Member

    Messages:
    1,446
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    140
    #7
    reputation given :)
     
    typingmums, Oct 7, 2008 IP