Картинка с float:left вылазит из div

[the_ghost]

Есть у нас такой HTML код:

<div id="big-cont">
  <div id="img-cont">
	<img src="images/thumb.jpg" width="50" height="100" />
  </div>
</div>

#big-cont {
  border: 1px solid black;
}
#img-cont {
  float:left;
}

В результате картинка вылазит за пределы блока:

А задача стоит простая - картинка должна идти слева в блоке с текстом. Если текст большой - то все ок:

[Vlad]

Надо добавить

после блока big-cont или после картинки.

[the_ghost]

К сожалению, не помогает... Когда добавляю этот код - содержимое убегает вниз далеко. Скорее всего из-за того, что слева находятся еще блоки.

Адрес сайта - uromax.ru

Наверное с текущим макетом ничего поделать нельзя - придется добавлять таблицу и в нее запихивать картинку?

[maddogrts]

Не могу понять проблемы что убегает ?

"А задача стоит простая - картинка должна идти слева в блоке с текстом"

по-моему все ок ))) понятнее объясни что надо

[maddogrts]

вылазит))) надо сделать так взять еще один обрамляющий див (или любой другой тег)

В него поместить этот твой блок (скорее всего он у тебя и так помещен) и задать этому блоку чтобы внутри все флоаты и слеары были локальными т.е. зададим для дива например overflow: hidden; тогда из этого дива никто не вылезет. Правильно ли я тебя понял или нет ?

[azimsky]

Опечатка:

<div #id="img-cont">

#id - убрать "#"

[the_ghost]

#id - это опечатка только в коде на форуме. А вот что делать с сайтом... Не иначе как придется переверстывать?

[Dimitry Wolotko]

В проблемы верстки.

[maddogrts]

зачем ? переверстовать ?

[the_ghost]

А как побороть? Когда вставляю overflow то верхний блок сужается. Попробуйте сами Firebug вам поможет

Сайт - uromax.ru

[maddogrts]

Картинка , текст

[the_ghost]

Решил проблему глобальной сменой css-макета