PDA

Просмотр полной версии : div float в opera


xuMuk
06.06.2006, 20:01
Создаю div в который помещаю картинку и текст. У картинки свойство float для обтекания текстом. И всё-бы ничего, да если размер всего текста по высоте меньше высоты картинки, то div равен высоте текста, а на размер картинки он впринципе не реагирует (в эксплорере нормально, в опере глючит). Те картинка выходит за размеры div.

Constantine
06.06.2006, 22:24
Код можно? Где именно div в коде? Зачем лишний div, если можно применить float к img... Глючит, обычно, как раз IE.

xuMuk
06.06.2006, 22:32
Да там просто cms код генерится... Пока что не хочу лезть в сырцы, разбираюсь пока что с самой системой.

Например адрес вот: http://nervmusic.org/ru_Artists/12/chizh
Адрес css: http://nervmusic.org/textpattern/css.php?s=ru_Artists

Да, float как раз применён к img, но div не расширяется до размера контента.

Constantine
07.06.2006, 00:18
Мдя... Перерыл весь w3.org. Opera действительно ведет себя нормально, похоже, и блок с float может перекрывать блок его содержащий:
http://www.w3.org/TR/CSS21/visuren.html#containing-block: "Each box is
given a position with respect to its containing block, but it is not
confined by this containing block; it may overflow."
Короче, в конец текста врубаем, например, <div class="cleaner">&nbsp;</div>, а стиль для него примерно такой:
<style type="text/css">
.cleaner { clear:left; height:1px; margin:0; padding:0; }
</style>

xuMuk
07.06.2006, 01:45
Аллилуйа!

Спасибо... =)

ЗЫ. Правда у меня чуть не случилась истерика, пока мастерхост лежал около часа. Просто с аналогичными симптомам намедни ложился спэйсхостинг... Может это из-за кодировки базы данных MySQL utf-8? Не любят последнюю в советском союзе.