If you've ever worked with CSS, you know what a pain it can be to get things looking right in all of the major browsers (Firefox, Safari and IE). IE is, of course, the major offender, causing extreme frustration at times. With the release of IE 7, the Microsoft dudes made a giant stride in standards compliance, but IE 6 is still hanging around in the fringe (I think the percentage of users on this site is only around 9%). So, that means haxoring the codes to make the site look acceptable in Internet Explorer 6.
When we first launched the new version of the site, we included a notice heading telling users with IE 6 that we suggest they upgrade to a modern browser (IE 6 was released in August of 2001!!). Well, we got a little bit of flack for taking the easy way out. So, I put on my big-boy pants (once again) and went to work on IE 6 compatibility. Here are some of the tools that I used to accomplish this:
Parallels Desktop - A wonderful invention. Let's me run Windows from within OS X. I can test on Firefox (Mac and Win), Safari(Mac and Win), and IE all at the same time!
IE Conditional Comments - I actually have to hand it to the Internet Explorer development team for including these. They knew their browsers would require a little extra attention and some off-the-wall tricks to get things looking right. Just put this in the HEAD of the page to apply CSS styles only to versions of Internet Explorer less than 7:
<!--[if lt IE 7]>
<style type="text/css">
#custom_style { just:for_ie; }
</style>
<![endif]-->
IE7 Script - Equally as important as the conditional comments. This script will update IE 6's CSS rendering to be compatible with IE 7. After including this script in the site, it fixed about 50% of the IE 6-specific problems. It even has support for transparent pngs as background images! Invaluable.
While the site still doesn't look perfect in IE 6, it's definitely pretty close. If you see something odd in any browser that you're using (except Netscape, I don't acknowledge its existence), please send an email to support@plexusweb.com and let us know.













