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

mSnus

Добрый день!Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6).Есть фиксированный блок меню слева, при прокрутке страницы далеко вниз он отъедает белую полосу в себя шириной. Есть ли элегантное решение этой проблемы без JS? либо с совсем простым JS...На htmlbook предложили вариант, но он плохо работает - обрезает блоки справа: http://jsfiddle.net/VrSFf/18/
6 ответов

mSnus

На htmlbook предложили вариант, но он плохо работает - обрезает блоки справа:
Нормальный вариант Вам предложили. Собственно, а какого поведения Вы хотите добиться от "Блок N" в районе нижнего края "Меню"?


mSnus

СОбственно, блок N должен растягиваться на весь экран, всё хорошо. А вот первые блоки, которые справа от меню - не должны обрезаться по краю, а должны умещаться в экран, сжимаясь по ширине.


mSnus

Таблицы =)


mSnus

ну и как таблицы помогут с этим справиться? пока единственный вариант, какой я вижу - это считать на JS высоту блоков и убирать float у всех, кто не влез...


mSnus

СОбственно, блок N должен растягиваться на весь экран, всё хорошо. А вот первые блоки, которые справа от меню - не должны обрезаться по краю, а должны умещаться в экран, сжимаясь по ширине.
Это понятно, у Вас этот этот случай и нарисован, когда с нижним краей левого блока совпадает нижний край Nного блока. Я имею ввиду: чего Вы ждёте, когда они не совпадают?


mSnus

Пусть там будет небольшой пробел по высоте, ничего страшного. Главное, чтобы блок меню не занимал ВСЮ левую колонку при прокрутке, а место под ней использовалось бод блоки информации...