Нужно создать «хитрое» обтекание блоков текстом, флекс? Флоат?

Question

[ThunderCat]

Смысл вопроса - есть 3 блока, один - основной, собственно тело новости, по дизайну в нем основная картинка прилеплена вправо, текст ее просто обтекает. Тут все просто и понятно. Далее интересность - под картинкой, вдоль правой части должен располагаться сайдбар, который тоже должен обтекаться текстом. Вертикального разрыва между картинкой и этим блоком быть не должно, так что просто вставить в текст "в нужном месте" такой модуль не получится. Каки есть идеи, а то чет я не настолько в верстке продвинутый и никак не соображу как это сверстать...

Answer 1

[Lynn «Кофеман»]

Если порядок элементов в DOM неважен, то банальный float:right у 2 и 3 и clear:right у 3 и никаких проблем.

Comments

[Dima Polos]

Не буду свой ответ писать, добавлю к этому - флоат-элементы друг друга "чувствуют", у них как бы свой поток, так что просто оба блока в контейнер и обоим по флоату пропишите - должно быть ок)

[ThunderCat]

Dima Polos, просто флоат получается лажа, вот клеар райт во втором как раз "ду зе трик" ) я не додумался )))

[Lynn «Кофеман»]

Вот и выросло поколение не верставшее на флоатах =)

[ThunderCat]

Алексей Тен, верставшее, и еще на таблицах, просто такого вот чего то как то не приходилось (а может уже и было, да забылось), да и не настолько я форнтендер, в основном верстку делают другие люди, а тут пришлось самому скрипеть мозгами, дергать старых знакомых будет дольше чем тут спросить и сделать самому )) Всем спасибо!

[Dima Polos]

ThunderCat, бывает) ну главное еще про клирфикс на всяк случай не забыть и ок

Answer 2

[hzzzzl]