Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2008
    Thanked 0 Times in 0 Posts

    Internet Explorer Z-Index Problem in IE7

    I'm having problems with the z-index in IE7. I have a position declared on them and not sure what's going on.

    here's what it looks like in IE7:

    here's what it looks like in IE6, FF, Safari:

    here's the CSS:

    Also, the buttons don't work in Fire Fox, which is a slight problem. The main issue right now is the z-index not working in IE7.

    If anyone can help that would be awesome! I'm trying to get this website up and running this week!


  • #2
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Midlands, UK
    Thanked 29 Times in 28 Posts
    Couple of things...

    If I'm not mistaken, I've never personally seen the z-index attributed to the body before. I've only ever applied stacking to isolated divs.

    I have only ever found z-index to work successfully with position:absolute;, but not with relative positioning, combined with margins.

    So, by changing from relative to absolute, I'm guessing it might... just might sort out your stacking problem.

    I also think it would be helpful if you could show us the HTML as well as the CSS, in order to get a better idea of where things are supposed to be.

    I have just finished a page which uses absolute percentage positioning, negative margins and z-index stacking and it works perfectly in both FF and IE7. I haven't yet tried it with any other browser.

    I hope this helps.
    Last edited by Doctor_Varney; 11-06-2008 at 04:38 AM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.


    Posting Permissions

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