1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

simple Z-Index problem -Plz help - rep will be given

Discussion in 'CSS' started by Nima, Sep 10, 2007.

0
  1. #1
    When you look at my website: http://www.pokereagles.com/

    The header top menu (the black strip one that has drop down menus)... in IE, the dropdown menus don't overlap the text in the content area. They look transparent.

    But it works fine in FF.

    I image it has to do with Z-Index, but can't figure out how...

    Any help is appreciated,

    Thanks
    Nima
     
    Nima, Sep 10, 2007 IP
  2. Philopoemen

    Philopoemen Peon

    Messages:
    704
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It is something with your javascript.
    You should post it in the correct forum section.

    P.S. in Opera it also works fine.
     
    Philopoemen, Sep 10, 2007 IP
    Nima likes this.
  3. Nima

    Nima Well-Known Member

    Messages:
    3,489
    Likes Received:
    243
    Best Answers:
    0
    Trophy Points:
    175
    #3
    which javascript are you talking about... the .htc file?
     
    Nima, Sep 10, 2007 IP
  4. Philopoemen

    Philopoemen Peon

    Messages:
    704
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Oh wait, I didn't look much at the page source. It seems that the drop-down menu is CSS-based and not a javascript...
    As for the z-index, just try adding a z-index:999; to the menu layers (don't forget to add the position: relative/absolute; also)
     
    Philopoemen, Sep 10, 2007 IP
  5. Nima

    Nima Well-Known Member

    Messages:
    3,489
    Likes Received:
    243
    Best Answers:
    0
    Trophy Points:
    175
    #5
    i already have but i cant figure out why its not working
     
    Nima, Sep 10, 2007 IP
  6. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #6
    Nima, I removed "position: relative;" from your #wrapper in the stylesheet and it worked for me. Let me know what happens. :)
     
    Colleen, Sep 10, 2007 IP
    Nima likes this.
  7. VimF

    VimF Well-Known Member

    Messages:
    307
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    118
    #7
    And add "display: inline;" to the "#dropdown li" to remove the gap below each menu item.
     
    VimF, Sep 10, 2007 IP
    Nima likes this.
  8. Nima

    Nima Well-Known Member

    Messages:
    3,489
    Likes Received:
    243
    Best Answers:
    0
    Trophy Points:
    175
    #8
    Thanks guys. It worked great. :)

    Rep given to everyone

    Nima
     
    Nima, Sep 13, 2007 IP