XHTML doctype displays page differantly from HTML...

[redhead]

greetings.

well... being the standards compliant guy i am i decided to switch my latest project from HTML 4 to XHTML 1 (transitional)... "no problem" i thought, "i'll just throw in the differant doctype, adjust the tags that need closing, and make sure it validates... and that'll be grand"

erm... well... here's the front page before (http://www.xmediauk.com/hosting/themess/home_old.php)... and here it is now (http://www.xmediauk.com/hosting/themess/home.php)

i think its been discussed before but i found nothing in searching... any way to sort this? it was also the first tableless design i had tried... at least that worked... although... looking on the bright side: at least it validates as xhtml ;)

any ideas why just changing the doctype made such a drastic mess of the page?

[liorean]

I'm guessing you were using ie6 when you did this? Have a look at this page over at CSS-Discuss Wiki (http://css-discuss.incutio.com/?page=RenderingMode).

In essence, what you've done is that you've turned on a more W3C compliant rendering than the one you had before.

[redhead]

yeah... twas in ie6... now i need to make the page look right in the other browsers too :/

right... pushed it into quirks mode... thanks :)...

methinks... ive made it tableless... + xhtml compliant... yey ;)

[edit] herm... looking at it in moz, any ideas how to make it look a little more presentable? i was thinking along the lines of p'raps writing style that work in mozilla and then using conditional comments to work out which stylesheet should be used?