Will an iframe render in quirks mode?

by

Prior to IE9, the webpage within the iframe would render according to its own doctype, not according to the doctype of the parent container. However, in IE9, Microsoft changed the behavior so that the child iframe inherits its doctype/rendering from the parent container.

Note that IE9 will still behave in the traditional manner (iframe honors its own doctype) whenever compatibility view is used.

The best workaround for folks in your situation–writing a standards compliant container page but needing to include an iframe with a quirks mode page–is to add either of the following meta tags between your doctype and the opening tag in the parent page.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="X-UA-Compatible" content="IE=8" />

These tags will essentially tell IE9 to pretend it is IE7 or IE8. Including in the emulation is the logic used to determine rendering mode for the child iframe. The downside of this workaround is that you will not be able to use any of the new features supported by IE9 in your parent page, but that is probably preferable to massive rendering errors in the child page.

See http://web.archive.org/web/20110905060718/http://www.sitepoint.com/forums/html-xhtml-52/ie9-iframes-doctypes-you-743000.html for more information.

More Related Contents:

  1. How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?
  2. Does the windows 8 internet explorer 10 still have quirksmode?
  3. Cookie blocked/not saved in IFRAME in Internet Explorer
  4. Animated GIF in IE stopping
  5. jQuery’s .load() not working in IE – but fine in Firefox, Chrome and Safari
  6. What is the status of TTF support in Internet Explorer?
  7. Data URI scheme and Internet Explorer 9 Errors
  8. Cross-browser testing: All major browsers on ONE machine
  9. Internet Explorer ignores cookies on some domains (cannot read or set cookies)
  10. CSS3 transform: rotate; in IE9
  11. Will Microsoft Edge support COM automation (InternetExplorer object)?
  12. internet explorer 10 – how to apply grayscale filter?
  13. z-index does not work in Internet Explorer with pdf in iframe
  14. favicon not working in IE
  15. Failproof Wait for IE to load
  16. IE prompts to open or save json result from server
  17. Should we support IE6 anymore? [closed]
  18. How to get IE9 standards support for dialogs opened by HTA?
  19. CSS3 transform:scale in IE
  20. Equivalent of Firebug’s “Copy XPath” in Internet Explorer?
  21. Program Download – IE CHROME – “is not commonly downloaded and could be dangerous.”
  22. How to clear IE’s favicon cache?
  23. How long of a URL can Internet Explorer 9 take?
  24. Modal not opening in IE
  25. Force Internet Explorer to use a specific Java Runtime Environment install?
  26. IE11 meta element Breaks SVG
  27. Custom SVG markers won’t display in IE 11
  28. mailto fails in IE where there is a long body text. Is there any way to resolve this?
  29. reusing Internet Explorer COM Automation Object
  30. Will IE9 support the HTML5 File API?

Leave a Comment