img align=left - почему div а уровень выше не рисуется по длинне контента?

[Mlex]

http://www.diigo.com/item/image/22evl/otq1 - скрин.
http://www.diigo.com/item/image/22evl/iphv - скрин чуть побольше

не могу понять почему -уже и блоки разные варианты делал и всё равно такая беда (или если display: inline-block; то обтекание текстом не делается ) Прошу помогите

[irt]

Атрибут align у тега img, если не ошибаюсь, выводит выводит картинку из потока и делает её плавающей. При этом другие элементы на неё никак не реагируют в плане своего размера и положения, что позволяет ей "вываливаться" за область своего контейнера и даже "залезать" на другие.

попробуй добавить следующее в конец CSS:

#id:after{
	content:'';
	display:block;
	clear:both;
}

где id заменить соответственно на айди твоего div (который должен растягиваться).
На старых IE работать не будет.

Или можешь добавить в смежный блочный элемент, следующий после неё

clear:both;

Тогда он будет учитывать её при позиционировании и грубо говоря встанет сразу за ней. Соответственно растянется и область контейнера этого элемента.

[Mlex]

Спасибо, поставил после следующего элемента этот стиль - отлично - размер стал больше, но слишком больше - скрин, как то решается или придётся всегда писть статьи больше? вот адрес - где пытаюсь это исправить http://blog.xmlex.ru