IE6 and z-index issues are enough to make
Fabio go bald.
IE6 looks not only at the z-index of bob
and sue but the z-index of their parents. Does that make sense?
If you want bob to sit on top of sue, Bobs
parent container needs to have a higher z-index than sues parents.
It becomes an ugly game of keeping up with
the Jones family.
http://www.last-child.com/conflicting-z-index-in-ie6/
when you come across a z-indexed element
that needs to sit on top of a select box, you better hope Bobs
grandparents are rich and famous because it takes a hell of a lot of
connections to fix this nightmare.
Hedger Wang has a solution http://www.last-child.com/hedger-wang-is-god-well-a-guru-at-least/
Or you could use the Yahoo User Interface
library. The container library handles this for you.
Ted
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Able Net Design
Sent: Thursday, September 21, 2006
1:12 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] z-index with ie
Hi,
I'm playing with z-index's for a site I am buildings. In FF
there is not a problem the site looks exactly how I would expect it to look but
when you view it in IE nothing is right.
div#header {background:
#ff; height:
80px;
position: static; z-index:1;}
div#header img {position:
relative; border:
0; margin:
0; padding:
0; width:
150px;
height: 150px; z-index:
2; float:
right; bottom:
25px;
right: 25px;}
I have been reading about an issue with position:relative
and z-index
with IE but can't seem to finda solution.
Any ideas?
Kind Regards,
Tristan
***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***