Search code examples
cssinternet-explorerzurb-foundationquirks-mode

Foundation 4 on Internet Explorer 9


I have made a website using Foundation 4 CSS Framework - everything is perfect on Chrome, Opera, Firefox... but on Internet Explorer 9 it's a disaster.

It helps when I switch from quirks mode to IE9 mode - but it has to be done manually. Can I force IE to use appriopropriate mode? Any ideas how to fix this issue? Foundation website is working in IE9 someway. There is support for IE9, but mine enters into quirks mode somehow, I don't know why - tried some tricks (adding same HTML comments as on the Foundation site) but all failed.


Solution

  • Quirks mode is controlled by the doctype. This is what an HTML5 doctype looks like and should put you in Standards mode:

    <!DOCTYPE html>
    

    The wikipedia has a nice chart showing what does and does not trigger quirks mode: http://en.wikipedia.org/wiki/Quirks_mode#Comparison_of_document_types