Как сделать так, чтобы текст / объекты оставались в элементе div?(Наличие div "stretch", чтобы весь контент оставался внутри?)

Question

При использовании Internet Explorer, когда у меня есть эффект с помощью jQuery (слайд-шоу), видео на YouTube или чего-то с oembed, оно будет перекрывать или переполнять текст или содержимое ниже.Как я могу сделать так, чтобы div "растягивался, чтобы весь текст или видео оставались внутри элемента?

Answer 1

Internet Explorer 7 предпочитает, чтобы у некоторых элементов были «контейнеры», я не совсем уверен, почему, но я столкнулся с проблемой при попытке анимировать прозрачную прозрачность PNG в IE7.* объект flash (ваше видео):

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

Должен иметь div вокруг него, что-то вроде:

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

У вас нетчтобы дать ему id, но было бы неплохо сохранять семантику - плюс, как комментирование вашего кода, полезно вернуться к нему.

.,.

Я проверил это, и оно работает в IE7 / IE8.

Answer 2

Попробуйте очистить поплавки явно после <object>. Как то так:

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

Answer 3

Я смотрел на сгенерированный DOM, который довольно беспорядочный для Firefox и ничего похожего на то, что генерируется для Chrome.Я подозреваю, что изогнутые углы JavaScript, и я бы посоветовал вытащить это из картинки, чтобы подтвердить, а затем обсудить это с разработчиком.