Top of my list was the fact that the index page doesn't render correctly in IE7. What makes it odd is the fact that the category pages which are essentially identical to the index page rendered fine.This is what it looked like:
Normally when you hear that there is an issue with a site on IE and not on FF or other browsers you automatically assume its CSS, and so did I. After stripping the site down to its bear bones however, comparing the index page against the category page I will still getting this oddness.
To cut a long story short I worked my way up from the bottom of the page to the top until I reaced the very top line:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
This line was the only line that differed in the index to the category page, which read:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
So I took out the "Transitional" and low and behold it worked!
No idea what Transitional does, but I hope this helps someone else out in the future!
I also notice this on a couple of websites this week. It looks like the browser are having an update. They have been discussing paying attention to the doctype tag for a while, but it looks like they have finally done it. In particular it effects table base design websites, it throws the formattign into chaos!
ReplyDeletemmm strange that it only affected IE, but then again browsers have always been prone to their individual quirks ;)
ReplyDeleteJust so you know, Transitional is an XHTML document specification, not HTML.
ReplyDelete