3 колонки - боковые сжимаются до 0

[USF]

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

помню видел где-то, но не могу найти и все тут

[red4pony]

Установить в процентном соотношении ширину для боковых колонок, а потом с помощью медиазапроса после минимально порога задать им(боковым колонкам) display:none.

Так не подойдет?

[Vin]

Вот хороший пример реализации http://css-live.ru/Portfolio/Archery/main-page.html

Edited May 21, 2013 by Vin

[red4pony]

Вот хороший пример реализации http://css-live.ru/P.../main-page.html

Но он не решает вопрос исчезновения боковых панелей. При сужении они заезжают под центральный блок(а именно левая).

Или есть способ их упрятать похитрее чем через медиазапросы?(тоже заинтересовала эта тема)

P.S. Читал недавно книгу Люка Вроблевски - "Сначала мобильные". Так там автор советует сначала создавать сайт исходя из расчета под мобильные устройства (с маленьким дисплеем), а потом (по мере надобности) при увеличении экрана ДОБАВЛЯТЬ(с помощью JS) необходимы элементы(в данном случае боковые панели). Благодаря такому подходу портативные устройства не будут грузить содержимое которое они не увидят. И вследствие понижается трафик и повышается скорость загрузки страницы

Edited May 21, 2013 by red4pony

[Vin]

Резина как в примере + медиазапросы. А чем они, собственно, плохи? Можно и через JS, принцип примерно тот же.

Edited May 21, 2013 by Vin