Why is my nav div showing up behind the picture

Discussion in 'CSS' started by lektrikpuke, Nov 10, 2008.

  1. #1
    lektrikpuke, Nov 10, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

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

    I think the z-index (order) of the elements hasn't been set so that the menu appears over everything.

    So find the menu CSS and add:
    position:relative;
    z-index:100;

    To sort it over everything on the page. Or alternatively try giving the image a lower z-index.
     
    wd_2k6, Nov 11, 2008 IP
  3. Doc Croc

    Doc Croc Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi lektrikpuke,

    wd 2k6 is right, and to save you any time searching, try changing the .body_top_nav z-index to -1 ;)

    Tested with IE 7, works fine.
     
    Doc Croc, Nov 11, 2008 IP
  4. lektrikpuke

    lektrikpuke Well-Known Member

    Messages:
    297
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    113
    #4
    Thanks guys. Sorry about asking such a dumb question; it's just that after work (we're making a new site using mostly css), I was just tired out. Tried a few z-index changes and nothing seemed to work. Obviously I was changing the wrong things (and feel ashamed now). :rolleyes:
     
    lektrikpuke, Nov 11, 2008 IP
  5. lektrikpuke

    lektrikpuke Well-Known Member

    Messages:
    297
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    113
    #5
    Yup, that did it. Thanks again guys. :D
     
    lektrikpuke, Nov 11, 2008 IP