FacebookのLike Boxがiframeの可視性を使用するときに正しくサイズ変更されない

Question

私のWebページにFacebookのLike Boxを追加していて、サイジングに問題があります。もともと私は、FacebookデベロッパーサイトのHTML5とJavascriptコードを使って自分好みのボックスを作っていましたが、読み込み中のページで他のアニメーションが遅くなっていました。

iFrameを使用することを決めました。これは完璧で、ページの読み込みの他の要素を遅くしません。それは良く見えるようにするために、私は、IFRAMEにこのコードを追加：

style="visibility:hidden;" onload="this.style.visibility = 'visible';" 

そして、私も試してみた：

それは（それをロードしていますときに白い閃光を作るからのiframeを続けて

style="display:none;" onload="this.style.display = 'block';" 

をもっと上級者に見える;両方のコードは私に同じ問題を与えている）。しかし、Like Boxがロードされると、高さが約150ピクセルしかロードされません（ただし高さは250ピクセルに設定されています）。上記のコードを取り出すと、ボックスのサイズが完全になり、それを元に戻すと戻ってきます。

興味深いのは、可視性コードが入っていて、幅変数を調整すると、ボックスの幅が変わるということです。私は高さを調整するとき、それは変更されません。

ここで私はそれのために作られたバイオリンです：

http://jsfiddle.net/KWMxb/

任意の考え？ありがとう！

Answer 1

iframeには2つのstyle属性があります。 2番目のものから最初のものにすべてを移動し、それが動作するはずです。