When Internet Explorer 7 was in beta, numerous people cried out about its lack of standards-compliance.
But seriously, compared to Internet Explorer 6, version 7 is an absolute dream to work with. I’ve been doing all my development work for the new design in Vista, which means I’ve been testing with Internet Explorer 7, and not 6. It was only by chance that I thought I’d try it out in IE6 on someone else’s computer and was shocked at how terrible it looked. The major issue is with how Internet Explorer 6 interprets the ‘Box-Model’. Instead of applying margins, borders and padding on top of the specified width/height, it includes it within it. That means if you specify width and padding properties for the same element, it’s not going to look the same as Firefox or IE7.
As a result, I’ve spent a good portion of a day’s work revamping the design to nest an additional div layer to separate width properties from margin and/or padding properties. It’s quite a pain, but I’m almost done and things are starting to look good in Internet Explorer 6 as well. If it wasn’t for the 30-40 some percent of people who still visit this site using IE6, I would’ve left it as it was, but I thought it wouldn’t be fair for those users to see a broken design, despite what Microsoft decided to do with the rendering engine in the past. There are still some issues in IE6 which I haven’t yet figured out, but hopefully will start to clear up as I work at it more.
Another week or two and you should see it adorning this site. Its early forms can be seen over at the sandbox already.