A friend wants to add a Facebook "Like Box" to her blog on an external site, so I have no control over the META tags or their other restrictions, which include
no usage of IFRAME or JavaScript.
The code that comes directly from Facebook is as follows:
<iframe
src="http://www.facebook.com/plugins/likebox.php?etc..."
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:292px; height:62px;"
allowTransparency="true">
</iframe>
My idea was to replace IFRAME with OBJECT as follows:
<object
data="http://www.facebook.com/plugins/likebox.php?etc..."
style="border:none; height:62px; overflow:hidden; width:292px;">
</object>
Voila!
Firefox shows the box.
Chrome brings it home.
Explorer starts the horror....
For whatever reason, it's just blank in IE, where the box should be. I'm still stuck after a week of trying every conceivable tweak. I added a link to her profile with "fallback" code, but I was really hoping to avoid that road. Ideas? Anyone? Bueller? Anyone?