Всем привет! Возникла одна интересная задача, которую пока не смог решить.

Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр.

Проблема в следующем.

Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране.

При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место.

Думаю, идею изложил ясно.

Итак, вот что имеется (прикрепил файл).

Как видите, я попытался весь контейнер с колонками и контентом разместить по центру относительно дива, в котором это всё находится. ну и с помощью overflow: hidden боковые колонки бы ушли. Однако, не получается. Не центрируется ничего.

Кто-то верстал подобное? Какие у вас будут идеи для решения задачи? Спасибо!

Обычные CSS-свойства которые позволяют определить отображение элемента на странице хотя и рассчитываются в реальном времени но по своей сути являются статическими - это означает что в общем случае любые процентные соотношения задаются в фиксированном виде Тем не менее существует достаточно много различных методов которые позволяют задавать отдельную обработку граничных условий - в частности это CSS-свойства типа как min/max-width/height и возможность использовать вложенных блоков с фиксированным размером При поддержке браузером этих значений ваша задача решается путем установки средних соотношений - и отедельно указания крайних случаев с минимально и максимально-возможными размерами ширины боковых колонок

JustUserR, спасибо, это всё понятно, конечно и замечательно Но на практике ничего не выходит... Столько всего пробовал. Не знаю даже.

Пожалуйста! На практике в качестве действенного решения вы можете использовать клиентский JS-скрипт - который будет выполнять сбор информации об рабочей области браузера и на основе полученных сведений рассчитывать размеры и положение блоков

JS - это последнее, к чему я обращусь здесь Впрочем, проблема почти решена. Параллельно на другом форуме задал вопрос.

Во многих случаях использование JS-скрипта для реализации определеннго клиентского дизайна страниц является предпочтительным решений - в частности из-за особенностей CSS-параметров в различных браузерах и возможности динамического управления отображением содержимого - в браузере Internet explorer для этой цели можно дополнительно использовать выражение expression в CSS-стилях или объекты currentStyle и runtimeStyle

JustUserR, согласен, но можно ведь попытаться решить проблему чистыми методами ;)

А вот, как мне помогли.

Человек - мастер. Ничего не скажешь. Спасибо ему

Да действительно во многих случах средств CSS должно быть достаточно - особенно при использовании дополнтельных возможносей как условые комментарии - или перекрывающие специфические свойста для различных браузеров