html - Facebook iframe(likebox) 下部カットオフ

Question

これは、Opera と IE10 以外のすべてのブラウザーで発生するようです (Opera と IE10 は大丈夫ですか?) http://jsfiddle.net/puh67/

CSS:

.Facebook,
.Facebook iframe
{
    height: 400px;
}​

HTML:

<div class="Facebook">
  <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FFriskisSvettis-Landskrona%2F299504533446227&width=292&height=395&show_faces=false&colorscheme=light&stream=true&border_color&header=false" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</div>​

Answer 1

ページが完全にロードされたら、javascriptを使用してiframeのサイズを変更することをお勧めします...

$("#frame")[0].setAttribute("height", "200");