Сначала я бы проверил свой HTML-код iframe с помощью чего-то вроде «firebug», вы проверите все свои div-ы и проверьте вкладку «layout» слева от firebug ... вы увидите размер элемента, границы и отступаи так, проверьте, все ли правильно.
Теперь, что иногда случается со мной, так это то, что «автоматическое изменение размера» из Facebook не работает корректно в некоторых браузерах, поэтому неправильно высчитывает высоту, и у вас все еще есть полоса прокруткис правой стороны, поэтому из-за этой полосы прокрутки ваш контент становится слишком большим, и вы также получаете горизонтальную полосу прокрутки.
Мое решение для этого состояло в том, чтобы указать высоту iframe самостоятельно, а не использовать материал авторазмера,Вот код для этого (поместите в конце вашей страницы перед закрытием </body>):
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '{{fbapp_id}}', status: true, cookie: true,xfbml: true});
window.setTimeout(function() {
FB.Canvas.setSize({height:900});
}, 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>
Здесь я выбрал высоту "900", но вы должны установить собственную высоту (высота содержимого iframe + некоторый запас безопасности, например, 50 пикселей или около того)
Также вам нужно заменить {{fbapp_id}} на свой реальный FacebookID приложения.
Надеюсь, это поможет.