FIXXER Сообщение 07/08/2009 06:14 Копия темы
Дивверстка Почему картинка вылазит за границу дива?

<div class="bordered">
<div style="float: left^; clear: both^;">
<img src>
</div>
<div>
Sometext
<div>
</div>

div.bordered {
margin: 5px;
border-color: #dddddd;
border-width: thin;
border-style: solid;
padding: 10px;
}

contenter Сообщение 07/08/2009 06:16 Копия темы
bordered overflow:hidden
clear:both можно убрать

FIXXER Сообщение 07/08/2009 06:16 Копия темы
Вернее – почему внешний див не растягивается по высоте картинки?

BossIT Сообщение 07/08/2009 06:17 Копия темы
как вариант ... <div class="bordered">
<div style="float: left; clear: both;">
Картинка
</div>
<div>
Sometext
<div>
<div style="clear:both;"></div>
</div>

FIXXER Сообщение 07/08/2009 06:18 Копия темы
Ага, спасибо ))

А можно в двух словах об overflow:hidden?

contenter Сообщение 07/08/2009 06:21 Копия темы
ваще оверфлов говорит буквально – может ли все что внути объекта вылезать за его пределы – хидден – тупо брезает, визибле – делает скролл. НО это если указывать оба параметра – ширину и высоту. когда не указываешь – все сохраняется как будто и нет оверфлова.

но так же он хорошо работает для именно таких ситуаций как у вас – запрещает дальнейшее обтекание

maksim000 Сообщение 07/08/2009 07:07 Копия темы
Почитайте вот softwaremaniacs.org/blog/../
"Зачем такая сложность"

avenus Сообщение 07/08/2009 20:38 Копия темы
Нужно добавить
div.bordered:after
{
display:block;
content:".";
height:0;
line-height:0;
font-size:1px;
visibility:hidden;
clear:both;
}

hb_pashok Сообщение 11/08/2009 07:00 Копия темы
! для div.bordered пропишите float:left, должно помочь