post header image for The Case of The Transitional Doctype

The Case of The Transitional Doctype

10th December 2009
html
programming
projects
wbfg
websites

I took a little break from my 'top secret' project (more on this coming soon) this evening to do some much needed repair work on one of my flash games portals www.worldsbestflashgames.com.

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:

ScreenHunter_01 Dec. 10 19.28ScreenHunter_01 Dec. 10 19.28

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:

This line was the only line that differed in the index to the category page, which read:

So I took out the "Transitional" and low and behold it worked!

ScreenHunter_02 Dec. 10 19.41ScreenHunter_02 Dec. 10 19.41

No idea what Transitional does, but I hope this helps someone else out in the future!

SUBSCRIBE TO FUTURE POSTS

COMMENT