Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
Thread: Z-Index Problem in IE7
11-05-2008, 03:55 PM #1
- Join Date
- Jul 2008
- Thanked 0 Times in 0 Posts
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!
11-06-2008, 03:22 AM #2
- 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 03:38 AM.Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item. Computer use often leads to verbal abuse and occasionally physical violence towards the object. Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.