Autor: Martin

Seit ein paar Tagen werden Iframes mit Scrollbars angezeigt, obwohl der HTML Code tunlichst das Limit von 520px nicht überschreitet.Das Problem ist daß Facebook die eigene JavaScript-Bibliothek verändert hat und der Code im „fb-root“ Element ein Objekt hat welches breiter ist als 520px. Die Lösung ist, das fb-root-Element auf unsichtbar (display:none) zu setzen.

Somit gilt ab sofort um die Scrollbars bei Custom Tabs weg zu bekommen:

1) Im Header folgenden Code benutzen:

<script type="text/javascript">// <![CDATA[
// get rid of facebook scollbars!
window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
function sizeChangeCallback() {
FB.Canvas.setSize();
}
// ]]></script>


2) und irgendwo am Ende der Seite die EInbindung der Facebook Lib:

<div id="fb-root" style="display:none;"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
FB.init({
appId : "<your app id>",
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.Canvas.setAutoResize();
</script>