Резиновый макет, скрывающиеся поля по бокам.

[skatadov]

Возникла задача сделать следующее.

Резиновый макет. Минималка 1000px. Максималка - не ограничена.

Необходимо каким-то образом по бокам контентного блока (синий) сделать поля по 50px (черные), которые при ширине окна 1000 будут обрезаться - прятаться за пределами экрана. Это необходимо для того, чтобы убрать горизонтальную прокрутку при разрешении 1024. При увеличении ширины окна поля должны вылезать из-за его границ до общей ширины 1100px, затем уже должна начать тянуться контентная часть.

Единственное, до чего пока додумался - это через link ... media="screen and..." подключать еще одну таблицу стилей для большой ширины, но этот вариант решения не устраивает из-за резких скачков при изменении размеров окна.

Какие еще есть варианты решения?

Edited December 7, 2012 by skatadov

[PanSoul]

Что понимается под "поля 50px" - маргины, паддингы, что это?

Желательно пример-картинку как Вы это видете.

[skatadov]

Прикрепил к первому сообщению картинку, где схематично набросал макет.

Черное по бокам - поля.

Синее - контентный блок.

[PanSoul]

Фактически, Вам нужно переназначить стили для уже имеющихся элементов - да, это делается через media queries.

[skatadov]

Вот-вот... Но хотелось бы найти способ без переназначений.

[PanSoul]

К сожалению, на чистом CSS без медиа запросов это сделать не получится. Можно, конечно, реализовать это через js.

[gordi]

Может это поможет - http://trifler.ru/blog/i/layouts/float/porno_01.htm

[skatadov]

Может это поможет - http://trifler.ru/blog/i/layouts/float/porno_01.htm

Похоже, то что надо. Спасибо.