jquery - テキスト/オブジェクトを div 要素に残すにはどうすればよいですか? (すべてのコンテンツが内部にとどまるように、div を「ストレッチ」しますか?)

Question

Internet Explorer では、jQuery (スライドダウン)、YouTube ビデオ、または oembed を使用した効果があると、下のテキスト/コンテンツにオーバーラップまたはオーバーフローします。div が「ストレッチして、すべてのテキストまたはビデオが要素内に留まるようにするにはどうすればよいですか?

Answer 1

Internet Explorer 7は、特定の要素に「コンテナー」があることを好みます。理由はよくわかりませんが、IE7で透明なPNGの不透明度をアニメーション化しようとしているときに、この問題が発生しました。

Dream.htmlフラッシュオブジェクト（ビデオ）の内部：

<object width="395" height="321">.. .. ..</object>

そのdiv周りに、次のようなものが必要です：

<div id="video_stage">  
     <object width="395" height="321">.. .. ..</object>
</div>

与える必要はありませんが、id物事をかなりセマンティックに保つのは良いことです。さらに、コードにコメントを付けるのと同じように、コードに戻ったときに役立ちます。

。。。

これをテストしましたが、IE7/IE8で動作します。

Answer 2

の後に明示的にfloatをクリアしてみてください<object>。このようなもの：

<object...> ... </object>
<div style="clear: both;"></div> <!-- added -->

Answer 3

私は生成された DOM を見ていましたが、これは Firefox にとっては非常に厄介で、Chrome のために生成されたものとはまったく異なります。曲がりくねった角の JavaScript が疑わしいので、それを確認してから、開発者に相談することをお勧めします。