Thursday, November 15, 2012

Jquery UI dialog width problems in IE9


Today I had a strange problem with IE9. All my jquery UI dialogs has lost it's height (when using IE9). Moreover there were some alignment issues for items wrapped inside divs. I couldn't understand what was happening at all.
After a bit of research on the internet I found the underlying issue. IE9 expects the doctype to be explicitly declared in the html/script page.
<!DOCTYPE html >
You can read more about doctype's here

What I don't understand is why the other browsers such as Chrome and Firefox doesn't have issues.