SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    webdesign Percept's Avatar
    Join Date
    Jan 2003
    Location
    Belgium
    Posts
    397
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Position relative and IE z-index bug

    Hi,

    I got a CSS problem (duh) and need a little help.

    this is the situation:

    I got a page with an adminmenu which is only available when logged in. When hovering the links in this adminmenu you get to see an absolutely positioned table depending on which link you hover. (these tables contain forms with settings)

    In my page I also have a (user)menu (ul) which elements are relatively positioned and the menu elements shows on top of the absolutely positioned tables eventough the menu has a z-index of 1 and the tables a z-index of 1000.

    Code:
    #tables {
    position: absolute;
    z-index: 1000;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    background-color: #F3F2E1;
    visibility: hidden;
    }
    
    #menu ul li {
    position: relative:
    z-index: 1;
    height: 30px;
    }
    The ul is positioned relative because I want to position some things inside the list absolutely. This code above works in FF but I need it to work in IE (5.0/5.5/6.0/7.0).

    Anyone an idea if there's a cure for this ?
    Thanks in advance,
    Bart.


  2. #2
    webdesign Percept's Avatar
    Join Date
    Jan 2003
    Location
    Belgium
    Posts
    397
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Really nobody an idea ?


  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,269
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'd need to see more code but you have a typo here for a start:
    Code:
    #menu ul li {
    position: relative:/* should be a semi colon*/
    z-index: 1;
    height: 30px;
    }
    You have a colon instead of a semi-colon which will probably negate the z-index and position:relative statement.

    You will also need to make sure that the parents of the elements (if any) also have their z-indexes set correctly.


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
  •