I have run into this interesting 'edge case' which is actually a lot more common than you might think. I have this code:
<iframe width="640" height="480" src="http://www.croczilla.com/bits_and_pieces/svg/samples/butterfly/butterfly.svg"></iframe>
Which should look something like this:
And for most modern browsers, and Typepad (as you can see for yourself, check this page on IE9) this isn't a problem.
But check this out: http://icarusinflightmagazine.blogspot.com/2011/07/and-ladybugs.html
It's the same code, but if you visit it in IE9... the butterfly never shows! The odd thing is, if you use the developer tools (hit F12 key) and check out the Network, you will see the SVG loaded. Not only that, but if you dig into the object details you can see the actual contents of the SVG. It just never appears on the screen.
I suspect this is a Blogger.com only issue, so I am filing a bug report with them. I will also check out a few other blogging platforms to see if they exhibit this strange behavior. I would love to hear from anyone else out there who has a blogging account on another service and is willing to try this out.
WHY does this matter so much? Design Review QuickShare depends on this for 2D document viewing! For example:
UPDATE: AHA! I found Blogger sets the document mode to IE7, like so:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
Oh, if there were only a way to override this... or get blogger to include support for IE9 in it's doc compatibility...
UPDATE 2: There is a way to fix this!
in Blogger.com you can modify your template. See: http://feedback.autodesk.com/cloudservices/topics/embed_fails_for_ie9_on_blogger
Comments