I've had significant, if not too much experience with IE7 and transparent
png behaviors.
http://last-child.com/index.php?s=ie7+transparent+png
Here's what I would suggest.
IE6 is going to become a minor player for the majority of web sites within a
year. Microsoft has an aggressive schedule planned to get people to upgrade
to IE7. There are significant security issues that have been solved with the
new browser and it is going to be a high priority upgrade. That said, you
need to code your css for IE7, not IE6.
When it comes to transparent png images, IE7 will behave the same as firefox
and Safari as of IE7 RC1. The bug I reported with the transparent png
sprites has been fixed. You should create an IE6 style sheet and import
that via a conditional comment: I have found that IE7 still needs you to
invoke hasLayout and the double margin float bug. You could either create a
new IE7 specific style sheet or add a couple innocuous styles to your main
style sheet.
To invoke hasLayout use {zoom:1}. Don't use height:1% anymore. IE7 will
treat that correctly.
To avoid double margin float issue, add {display:inline;} to your floated
objects.
Other than that, you may have some box-model issues left in your IE7 style
sheet. Personally, I'm a fan of keeping your hacks out of the main style
sheet. However, it is an extra http:request for the majority of your
customers. That is a trade off you need to evaluate.
Here's the conditional comment code
<! -[if IE 7]>
<link href="/css/ie7.css" type="text/css" rel="stylesheet" media="all"/>
<![endif]->
<! -[if lte IE 6]>
<link href="/css/ie6.css" type="text/css" rel="stylesheet" media="all"/>
<![endif]- >
You can hack inside your style sheets to target IE6, IE7, and both at the
same time.
http://www.last-child.com/ie7-hacks/
If you need to send something to IE6 and nothing else: use the underscore
attribute hack (_border:1px solid pink;) If you want to send something to
IE7 AND IE6, use the *attribute hack (*border:1px solid black;). If you want
to send something to IE7 and NOT IE6, use a combination (*border:1px solid
black; _border:1px solid pink;).
Ted Drake
www.last-child.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
