2012-04-05 9 views
1

Ich entwickle eine App auf Facebook. Seit gestern arbeitete die Redimensionierung mit den folgenden Schnipsel fein: CSS:Neu FB Canvas (810px) ist abgeschnitten

body, html { overflow:hidden; width:810px;margin:0; padding:0; border:0; } 

Kurz vor dem Schließkörper tag:

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript" charset="utf-8"> 
FB.Canvas.setAutoGrow(true,100); 
</script> 

Auf Facebook habe ich für Höhe und Breite festgelegt, aber das sollte nicht wichtig wegen der autoGrow.

Seit heute ist es nur abgeschnitten, ich habe die Flüssigkeit Einstellungen versucht, aber es hat nichts geändert. Ich kann die CSS-Regeln für Body und HTML entfernen, aber dann werden Bildlaufleisten hinzugefügt.

Also kurz: Die Größenänderung funktioniert überhaupt nicht mehr.

Wichtig zu wissen (vielleicht) die Größe der App ändert sich dynamisch (über JS) ohne eine Seite neu zu laden.

Der Code hat sich überhaupt nicht geändert, also bin ich besorgt, Facebook könnte etwas verändert haben?

Außerdem habe ich auch versucht, js diese Schnipsel ohne Wirkung (aber es hat die gleiche sowieso):

<div id="fb-root"></div> 
<script type="text/javascript"> 
window.fbAsyncInit = function() { 
window.setTimeout(function() { 
    FB.Canvas.setAutoGrow() 
}, 250) 
}; 
(function() { 
var e = document.createElement('script'); 
e.async = true; 
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
document.getElementById('fb-root').appendChild(e) 
}()); 
</script> 

UPDATE:

Die Frage richtig beantwortet wurde, aber noch etwas zu bemerken: Wenden Sie overflow:hidden nur auf die body an, es funktionierte, nachdem ich html von der Regel entfernte - arbeitete mit der alten Leinwand, mindestens benutzte ich es vorher.

Auch das Einfügen des Codes in die Kopfzeile änderte nichts und ist nicht das Gleiche wie am Anfang im Bodybereich.

Antwort

1

Versuchen Sie, diese

<div id="fb-root"></div> 
    <script src="https://connect.facebook.net/en_US/all.js"></script> 
    <script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
      appId : 'YOUR APP ID', //Your facebook APP here 
      cookie : true, // enable cookies to allow the server to access the session 
     }); 
     } 

     window.onload = function() { 
     FB.Canvas.setAutoGrow(91); 
     } 
    </script> 
+0

ich meine App-ID hinzugefügt, aber es hat keine Wirkung: -/ – SamiSalami

+0

Okay ... eigentlich funktioniert es manchmal, wahrscheinlich nicht, wenn Sie den Inhalt zu früh erweitern I Teste das jetzt - könnte die Lösung sein. – SamiSalami

+1

Ich lese in Ihrer Frage "Kurz vor dem schließenden Body-Tag:" Versuchen Sie, das Skript direkt nach dem Öffnen Tag. Put zwischen Ihren Tags und nicht im Stylesheet –