14

We have a parent page that must run in IE9 standard mode, executing HTML5 commands. Underneath we have an iframe that must run in compatibility mode (IE7/8).

In IE9, as I understand, iframes inherits their doctype from parent. is that correct? Is there any solution for this issue? can , somehow, iframe be executed with quirks doctype under standard mode doctype parent frame? thanks, Tal

6
  • See this answer -> stackoverflow.com/a/5624373/572939
    – Manse
    Jul 30, 2012 at 14:41
  • 1
    These do not provides answers - since it forces the whole page running in IE7 mode. The required behavior is to enable IE9 mode in parent, yet quirks mode in iframe inside.
    – Tal
    Jul 30, 2012 at 14:46
  • Can you just use some normalization techniques to fix the ugliness that the child iframe bleeds into its parent? E.g. necolas.github.com/normalize.css ?
    – Noyo
    Mar 24, 2013 at 13:25
  • I did extensive research on this some time back for a project (more links than I care to post here). My conclusion: there is absolutely no way to do it, and it would solve a lot of problems if there were. That being said, it's possible (I don't know your use case) to achieve a similar result using VB.NET and WebBrowser controls, if that's part of your tech stack.
    – Sean
    Mar 25, 2013 at 13:49

1 Answer 1

27
+50

It's not possible to trigger a different rendering mode in a child iframe in IE9, as officially documented here: http://msdn.microsoft.com/en-us/library/gg558056(v=vs.85).aspx (emphasis added):

Although the newer rendering engine is only used when Windows Internet Explorer detects that an HTML page has requested the highest level of support for standards, the same is not always true for child pages that might be loaded within frame and iframe elements. Because only one rendering engine can be active at a time, IE9 Mode also includes emulation for Quirks Mode.

However, as it says, you can trigger "quirks mode emulation" which leaves the IE9 rendering engine active but alters its behavior in several ways to match the old quirks mode.

JSBin demo: http://jsbin.com/ozejuk/1/

This example has a div with style background: #ff0000; background: 00ff00; border-radius: 30px ... in quirks mode, hex colors without # are accepted. In IE9 mode they are not. Loading the demo in IE9 will show a red div in the parent page, and a green div (but still with rounded corners) in the iframe.

How to trigger quirks mode emulation in an iframe: http://msdn.microsoft.com/en-us/library/gg558096(v=vs.85).aspx

Short version: omit DOCTYPE, add: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Complete list of effects quirks mode emulation has on rendering: http://msdn.microsoft.com/en-us/library/gg558047(v=vs.85).aspx

3

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.