Web design

Here's the scoop. Let's say you are using HTML5 to be building your pages as you should be. You use the HTML5 shim on it as you should be, and yourconditional comment is for IE 8 and down, which makes sense, because IE 9+ supports HTML5. Then someone embeds that page via an iframe onto another page which isin quirks mode (like if they forget or screw up the ). Your page will render on that page in quirks mode, and all your CSS that applies to HTML5 elementswon't work, and your page will look like crap.

The shim won't fix the quirks mode, but at least it will make sure all your CSS works.

Here is a testpage. Load in IE 9 or 10 to see the issue.

But Chris‽

Why would you have a page in quirks mode? Well me and you wouldn't. But you can't control every pageon the internet.

At Wufoo, we allow forms to be embedded on third party sites in iframes as well as use HTML5. We recently just had to make the changeto load the shim on all versions of IE because of this very issue.

This is relevant to literally any page that could be embedded via iframe. Off the topof my head: a calendar like how you can embed Google Calendars. Campfire chats. Embeddable widgets in general. Flickr slideshows. Other forms like Dispatchor polls like Polldaddy. Twitter and Facebook buttons come over in iframes. Tip of the iceberg.

For the IE team

Can this please be fixed? It's likethis in IE 10 platform preview too. It's unsettling to know that people can iframe your content and have it look totally bungled through no fault of your own.