SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2008
    Posts
    79
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE7 Z-Index Issue

    Hi

    Please see http://www.tenthtime.com

    If you hover over any menu item in the top navbar you get a dropdown box. However, when this drops down it appears behind some of the elements below.

    I've tried fiddling with z-index to no avail - any ideas?

    Thanks!
    Find first class made to measure blinds at Urbane Blinds!

  2. #2
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    I've tried fiddling with z-index to no avail - any ideas?
    Hi,
    IE6/7 both suffer from a z-index bug.

    Overlapping And Z Index - css-discuss

    Note: IE6 and IE7 incorrectly apply z-index: 0 to all positioned elements. The 2.1 spec says that positioned elements that are z-index:auto should remain z-index:auto unless explicitly changed
    The problem is that you have some positioned elements after your dropdown and IE6/7 give them a higher stacking order.

    It should work if you set a z-index on you nav ul along with your RP.

    Code:
    #nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
    z-index:3;
    float:left;
    display:inline;
    }

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2008
    Posts
    79
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Worked a treat - thanks!
    Find first class made to measure blinds at Urbane Blinds!


Bookmarks

Posting Permissions

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