changed doctype to HTML5, now page elements now out of place..

[toptomato]

Hi All,
On a webpage I've been working on I changed the doctype declaration to HTML5 (!DOCTYPE HTML) and some page elements now have about 3 extra pixels between them(?). WT...?!

Anyone experienced anything like this?
The page elements are header graphics of a js accordion UI. sorry i can't post any pics or code at this time. Bizarre, frustrating too!,

[danielshill]

Not all browsers fully support HTML 5 and may render pages differently.

[aj_nsc]

Not all browsers fully support HTML 5 and may render pages differently.

Sorry, this is incorrect. The HTML5 doctype is backwards compatible and therefore supported by all browsers. If you just changed the doctype (and didn't add any HTML5 semantic elements) then you must have a problem in your actual HTML code that was being 'corrected' (or corrected to your eye) in quirks mode in IE. Post your code, or preferably a link. Also, run it through the w3c validator and fix any non-trivial errors and you should be fine.

Note that not all browsers properly support the semantic elements and can and will display them differently (without the appropriate polyfills) but no browser will barf simply by showing it an HTML5 doctype.

[danielshill]

You're completely right! My apologies