You are using the same z-indez number in both classes. You should use different z-index numbuer for each absolute div.



att,

Genau L. Jr
www.meucarronovo.com.br



James Oppenheim wrote:

Hi all,

I am having trouble with css z-index. Here is a portion of it:


img.y { position: absolute; top: 147px; z-index: 1; } img.x { position: absolute; top: 201px; z-index: 1; } .main_content { position: relative; left: 0px; top: 0px; z-index: 2; text-align: left; padding: 50px 20px 15px 34px; color: #494949; font-size: 12px; height: 350px; /* Start of IE min-height hack */ min-height: 290px; } html>body .main_content { height: auto; min-height: 290px; /* End of IE min-height hack */ }


At the moment it all works well, except for IE. IE does not like the fact that there is not a left position allocated. So it puts the images in the centre of the screen, but under the text, so the Z-index works. If I make the position: relative; the images will not be placed underneath the text.


Any ideas??


****************************************************** The discussion list for http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************





******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to