Web Development

Facebook Like button shows blank, solution

Invisible button

The "EnkelAdress on Facebook" button displayed just fine for a couple of days and then suddenly it showed up blank, no matter how many times trying to copy the code provided by Facebook. After quite some time digging deep in the information jungle we found the solution.

Root is null or not an object

Was the error reported by IE8, while many users had the problem only in IE, that was not the case for us, it was fully reproduceable in Google Chrome.

The solution

It's easier than you might think, but it is not obvious or understandable considering the same code worked just fine a couple of days ago

<div id="fb-root">(paste facebook code here)</div>

Not for IFrame

Note that this method won't work with the IFrame version of the facebook button, but most people reporting this exact problem use the XFBML version.

- And there it is, simply wrap the facebook code inside a div with id "fb-root".

Related Articles

Facebook Like button shows blank, solution | 1 comments | Create New Account
The following comments are owned by whomever posted them. This site is not responsible for what they say.
Realy nice blog
Authored by: Anonymous Reader on Thursday, April 19 2012 @ 12:41 PM CEST
Seit Jahren nimmt die zahl der Onlinegamer stetig zu. Die meisten Spieler spielen dabei auf eigens daf?r eingerichteten Gameservern. Viele Zocker tr?umen dabei von einem eigenen Gameserver, wobei man dann auch eigene Administrationsrechte genie?en kann. Man unterscheidet bei den Servern zwichen Rootservern, V-Servern und Gameservern. Die g?nstigste Variante dabei ist der klassische Gameserver. Dabei bezahlt man f?r die Nutzung bestimmter Serverressourcen welche f?r eine festgelegte Spieleranzahl ausreichen.