Всем привет! Возникла одна интересная задача, которую пока не смог решить.
Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр.
Проблема в следующем.
Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране.
При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место.
Думаю, идею изложил ясно.
Итак, вот что имеется (прикрепил файл).
Как видите, я попытался весь контейнер с колонками и контентом разместить по центру относительно дива, в котором это всё находится. ну и с помощью overflow: hidden боковые колонки бы ушли. Однако, не получается. Не центрируется ничего.
Кто-то верстал подобное? Какие у вас будут идеи для решения задачи? Спасибо!
|