Snitch

Офигенно. Спасибо. Жаль конечно, что в ie<9 не работает.

Добрый день. Возникла задача сверстать сайт с тремя блоками в шапке, центральный из которых резиновый и при этом они должны определенным образом опускаться друг под друга при уменьшении окна. Красным показано уменьшение окна поэтапно. Левый и правый блоки заданной ширины по 288px. Средний блок должен быть резиновым. Использовать можно только CSS и нельзя пользоваться абсолютным позиционированием. А теперь поэтапно: 1. Окновмещает в себя все блоки. Средний блок тянется по ширине. Высота у всех блоков тоже задана 113px. 2. Доходим до точки, когда средний блок достиг ширины в 228 пикселей и сейчас олжно произойти смещение одного блока. 3a. Центральный блок выпадает вниз и снова растягивается на всю ширину родителя. Боковые блоки продолжают сдвигаться пока не столкнуться. ИЛИ 3b. Вниз выпадает правый блок. Средний снова растягивается до края родителя и продолжает уменьшаться до 288 пикселей. 4. Либо боковые блоки столкнулись, либо центральный блок достиг ширины в 288 пикселей. Все блоки выстраиваются в колонку. В центра по прежнему резиновый блок. Как такое можно реализовать? Или что-то подобное.