CSS and Internet Explorer
Lately I’ve been reading a lot about the nuances of Internet Explorer and how it renders CSS. I’ve been using Internet Explorer through an x11 plugin on my mac to view the world in the eyes of Explorer. Since I’ve pretty much always been a mac guy I’ve never really taken that opportunity before. If you’ve ever worked with CSS before I am sure you already know there are a ton of issues with using CSS for layout with IEXP. The following sites help you view what Internet Explorer is going to output with your CSS design if you don’t have access to a PC everywhere you go.
Both of these are online engines that capture screen shots of your webpage designs in different browser engines. Check them out and see if they help along the way…
1) Netrenderer: This one will show screen shots of your site in Internet Explorer 5.5, 6.0, and 7.0 and display them right in the browser window. This has been immensely helpful in doing complicated CSS designs that work across all browsers.
2) Browser Shots: This one will take .png shots of your URL and dump them into images for you to download to your computer. The plus side of this is that it shows a ton of browsers on multiple platforms, so if you are needing your site to work on Unix boxes, this may be the place for you to go.
Both of those sites have helped me a great deal as I’ve learned how to layout CSS to work across all browser platforms. Hopefully you’ll be able to use those to benefit your own website down the line.
Good luck and happy coding…