This is an issue that every developer has encountered, what might look okay on IE7 might not look so hot on IE6, which is likely the browser that a lot of folks are still using. It’s extremely frustrating. One of my partners held off running updates on his machine in fear that we would lost the only IE6 browser we had in use for testing purposes. I ran across an article today on WHIR about this very issue, here’s an excerpt: Find Web Hosts | Make your site IE6 and IE7 compatible
With the rise of Internet Explorer 7 and the growing popularity of browsers like Firefox and Safari, many website operators are developing or re-designing their sites to work optimally with these more prominent browsers. However, sometimes it’s easy to forget that a large majority of Internet users might not have upgraded to the newest version. So as a website developer, you need to ensure that your website is cross-compatible between both IE6 and IE7.
In the article they make a suggestion that I thought was kind of interesting and I am pretty sure it would work if you absolutely couldn’t get your code to work right in both browser versions,
1: <head>
2: <link rel="stylesheet" type="text/css" href="StyleSheet.css" />
3: <!--[if IE 7]>
4: <link rel="stylesheet" type="text/css" href="IE7.css" />
5: <![endif]-->
6: <!--[if IE 6]>
7: <link rel="stylesheet" type="text/css" href="IE6.css" />
8: <![endif]-->
9: </head>
It’s definitely a good read and worth looking into..
Questions or Comments?