Oct 24

Facebook fan box in IE

html Add comments

Recently added a Facebook Fan/Like box widget to one of our sites. We used the following code and it worked great in our development environment when we tested it on Firefox and Safari.

<fb:fan href="http://www.facebook.com/obiweb"
   profileID="115185598512736"
   width="210" height="600" connections="0"></fb:fan>

But as is all too often the case when we tested it on IE it failed. No errors just a big blank space.

After some investigation it turns out that IE needs the Facebook namespace defined in the html tag. Adding the namespace as shown below fixed the problem.

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

The end result can be found on the Obiweb blog.

written by objects \\ tags: , , , , ,


One Response to “Facebook fan box in IE”

  1. David Says:
    February 4th, 2011 at 2:50 pm

    That’s a great find, thanks for that. Fixed it perfectly.

    My main question now is why isn’t this included in the instructions for the like box on the facebook development site? Seems like something pretty important, why would they make users search for it?

Leave a Reply

You must be logged in to post a comment.