ページのタブは、ブラウザの半分だけで動作しています

私は宿題をして、自分のページの高さを自分のiFrameに設定するよう求めていました。ページのタブは、ブラウザの半分だけで動作しています

それは、Firefox（7+少なくとも）で動作し、IE9 はクローム、サファリ、IE8/7とOperaで動作していない... http://www.facebook.com/pages/Brunet/190517411026916?sk=app_136821946424212

コードはこれです：

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '136821946424212', // App ID 
     status  : true, // check login status 
     cookie  : true, // enable cookies to allow the server to access the session 
     oauth  : true, // enable OAuth 2.0 
     xfbml  : true // parse XFBML 
    }); 

    // Additional initialization code here 
    FB.Canvas.setSize({width: 520, height: 1625}); 
    }; 
    // Load the SDK Asynchronously 
    (function(d){ 
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
    js = d.createElement('script'); js.id = id; js.async = true; 
    js.src = "//connect.facebook.net/en_US/all.js"; 
    d.getElementsByTagName('head')[0].appendChild(js); 
    }(document)); 
</script>

すべてのドキュメントとそこにこのコードの作業を指して助ける...私は何かが不足している???

出典

2011-11-10 Xagone

は、それがすべてで、サイズ変更、またはリサイズまだスクロールバーを残していませんか？そして、あなたのページの正確なピクセルの高さは1625ですか？私はスクロールバーを避けるために20px程度でそれを埋めなければならないことが分かったので、それが問題なら1650pxを試してみてください。 Firefox 7/8とIe9以外のブラウザでは –

、それは全くサイズ変更されません。ページが切り詰められます（スクロールバーなし、魔女は普通です、私は彼にオーバーフローを伝えました：身体に隠れています） – Xagone

私は何らかの理由コードは機能しませんが、デバッグのために私は次のことを試してみます：1）実際に実行されていることを確認するために、 'FB.Canvas.setSize'呼び出しの直後に' alert'を置きます。 2） 'FB.init'呼び出し全体を削除します（サイズ変更のためには必要ありません）。 3）ページ上のすべてのCSSを一時的に削除します（高さが固定されているものはスローされ、スクロールバーは実際に変更されているiframe自体の高さが表示されます）。 –

あなたのコードはChromeでうまく動作するため、どこに問題があるのかわかりません。それはfbAsyncInitではなく、のonloadイベントを使用して、異なる配置を試みる価値があるかもしれません：

<head> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script type='text/javascript'> 
window.onload=function() { 
    FB.Canvas.setSize({width:520,height:1650}); 
} 
</script> 
</head>

出典

2011-11-10 21:00:24

ページのタブは、ブラウザの半分だけで動作しています

答えて

関連する問題