
Click to see screenshot.
As you know, it is difficult to test designs in IE 6 without running a virtual machine or using some other technically cumbersome solution. This may or may not be important to you. If your client’s site caters to the technorati crowd, it’s doubtful you have to worry about IE6. However, if your client’s users are government or public sector types, there is a very good chance that a high percentage of them are using IE6 as their current browser (and that they don’t have the option of installing a newer browser).
Last year Microsoft released Expression Web, its standards compliant Dreamweaver competitor, to rave reviews. SuperPreview, a component of Expression Web, allows you to view a web page as IE6 and IE7, 8, or 8cv would render them simultaneously. Microsoft has made SuperPreview a stand-alone program available for download free of charge. I tested it while it was in Beta, and although I loved the concept, I couldn’t get it to work correctly. Sometime in July, however, they released the final version and I can now recommend it to everyone.
It actually does a lot more than just render the page; a number of views and comparisons are available. Also, as you hover over and click on various elements, it will give you information such as element type, width, and placement. In this way it reminds me of certain aspects of the Web Developers toolbar on steroids.

Overlay Layout view. You can see the text renders slightly differently in an annoying kind of way.
In the screenshot I took of one of my client’s pages, you can see how the placement of the image is offset slightly in the IE6 view in the side-by-side comparison. There are quite a few different layouts to choose from, however, and if you want to know exactly what the differences are between the two renderings, you can choose the overlay layout. That was very revealing!
If you are interested in learning more about how to use SuperPreview, see the following resources:
Download Link:
If you try it, let me know what you think.
Filed under: tips , browser testing, expression web, free, ie6, layout, software, superpreview, tools
What's that you said?