I looked at Dean Edwards’ solution and it looks like it makes earlier IE browsers act like IE7. Did I misunderstand the description?
I have one site that works great in everything BUT IE7 so it would be easier for me to have IE7 emulate IE6 on that site.
Bob
I like Dean Edwards’s /IE7, but it really should be used as a last resort, and shouldn’t be used as a hacking management. If you must have PNG, fixed layout for a certain project, then the /IE7 is one of the good solutions to make IE works
The common knowlege and approach is, use IE conditinal comments to serve IEs; since IE 6 isn’t going to vanish in the next year or couple of years (heck! sometimes I still have to support Mac IE5.2 and PCIE 5/5.5) , it’s prudent to understand how IE works with certain CSS elements, and understand the hasLayout.
The problem you have in IE6/7, doesn’t require /IE7 filter, and I don’t think it does anything magic to make the problem goes away. What you should do instead is to use conditinal comment like so
inline style placing directly into your page
<!--[if (IE 6)|(IE 7)]>
<style>
#content ul li {
width: 50% /* just an example, you can use ’em’ or ’px’ and declared your desired width unit */
list-style-image: none;
list-style-position: outside; /*remove this */
list-style-type: none; /*remove this -because you already declared list-style-image to none; */
}</style>
<![endif]-->
alternatively, you can create a new CSS file with the above code, then use the link like so:
<!--[if (IE 6)|(IE 7)]>
<link rel="stylesheet" href="ie4less.css" /> <![endif]-->
[if (IE 6)|(IE 7)] = it tells IE 6 & 7 how to treat the CSS rule you declared.
