PHP Posts

The Case of The Transitional Doctype

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

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.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:

<!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!

ScreenHunter_02 Dec. 10 19.41

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

Artificial-Studios 3

And so version 3 was born. Now in blog from thanks to wordpress it was much easyier to add new content and to maintain.


Artificial-Studios 2

And then there was the second incarnation of Artificial-Studios. Although it was far more manageable than version 1.0 but it was still too complicated to add new content.