Smashing Magazine provides a comprehensive guide to IE and CSS you won't want to miss.
It’s interesting to watch the world of Web design evolving. In the early days, designers had to learn all of the techniques for reducing the size of image files so that they would download quickly over a 14.4 baud modem. (For you young folks, “baud” is old speak for “doggone slow”.) As time went on, we changed our focus to ensuring that our scripts would work correctly in different browsers. These days, the main issue facing Web designers is CSS compatibility between different browsers.
You might be thinking of two browsers right about now; Internet Explorer and Firefox. Unfortunately, that would be a mistake. You’ve got Opera and Safari to deal with as well, but even if you want to focus only on the browsers with a higher-than-single digit usage statistic, you’ve still got a pretty big field to play because Internet Explorer usage appears to be equally divided between versions 6, 7, and 8. As if that weren’t hassle enough, these three versions of IE do not handle CSS equally well, especially when it comes to positioning.
In my last post, I talked about using SuperPreview to test pages against various versions of Internet Explorer. However, before you do that, you should familiarize yourself with how each Internet Explorer version deals with various CSS techniques.
Now for the good news: Smashing Magazine has just posted an excellent article outlining all of the things you need to know when dealing with Internet Explorer and CSS. This is one that you’ll definitely want to bookmark!
