Обтекание блока другими блоками

[mSnus]

Добрый день!

Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6).

Есть фиксированный блок меню слева, справа от него распологаются блоки-таблички. Если сверстать просто в две колонки - меню слева, таблицы справа, при прокрутке страницы далеко вниз останется белая полоса под меню. Хочется, чтобы блоки-таблички аккуратно обтекали блок меню, как на рисунке выше.

Есть ли элегантное решение этой проблемы без JS? если точно нет, то с минимальным JS..

Edited March 29, 2012 by mSnus

[NeoXidizer]

обернуть верхние блоки в один блок?

[mSnus]

Нет, я не знаю высоту блоков, не знаю, сколько их туда влезет. Высота меню тоже варьируется - может, справа от него уместятся пять блоков, а может - всего два.

Да и блоки так генерируются, что это логически один поток.

Edited March 28, 2012 by mSnus

[alexandr_v-vich]

А можно подробнее вот это

отъедает белую полосу

отъедает от чего?

[mSnus]

"отъедает от ширины экрана, если сверстать в таблицы".

[Softlink]

могу только такой вариант предложить http://jsfiddle.net/Softlink/VrSFf/embedded/result/

[mSnus]

то есть верхние блоки будут отрезаться? спасибо, но это не подойдёт. Блоки могут сжиматься по ширине, но отрезать - нельзя.

[Softlink]

то есть верхние блоки будут отрезаться? спасибо, но это не подойдёт. Блоки могут сжиматься по ширине, но отрезать - нельзя.

Они как раз не отрезаются, а растягиваются. Единственный минус, что при определенных условиях может образоваться просвет между сайдбаром и нижним растянутым блоком.

Еще можно попробовать сделать все-таки таблицей, но сайдбар заведомо сделать несколькими пустыми строками через rowspan(например штук 10 задать) а потом справа добавлять уже динамически блоки.

[mSnus]

к сожалению, overflow:hidden именно обрезает блоки, теряется правый край.

http://jsfiddle.net/VrSFf/18/