I am getting this error in Safari and other browsers:
The "fb-root" div has not been created, auto-creating
all.js:52
FB.getLoginStatus() called before calling FB.init().
all.js:52
In my header I have this:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en"><script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><meta property=""fb:admins"" content=""508331528"" /><meta property=""fb:page_id"" content=""118806721611355"" /><meta property=""fb:app_id"" content=""426360900751901"" />(I realize I should not have all three property tags, but I have tried various scenarios)
In the body of the page I have these two simple facebook tags:
<fb:like data-href="http://www.PrintMyWatercolor.com" layout="button_count" style="width: 90px;" data-show-faces="true" data-send="true" action="recommend"></fb:like><fb:comments href="http://www.PrintMyWatercolor.com" numposts="25" width="590"></fb:comments>As far as I understand, this should be ok. I don't have any explicit javascript code for facebook on the page. How can I resolve this error?