Автор Ostrich задал вопрос в разделе Другие языки и технологии
CSS, трехколоночный макет, срочно! и получил лучший ответ
Ответ от Паку Олег[новичек]
тут что бы центральный блок занимал остальное пространство не сделаешь.. .
можно сделать таблицей с тремя ячейками, ширину таблицы в процентах и первую и последнюю ячейку тоже.
вариант второй это центральный блок убрать.. . а эти два засунуть минусовыми маргинами в другой див, в котором просто паддингом сделать отступы для них. вот как делается тут csstemplater. com/
вариант 3 это левый и правый блок с абсолютным позиционированием ( не флоаты, а position:absolute; left:0; и right:0) засунуть в див с позитион релатив и задав ему падинги соответствующие ширине вложенным блокам
думаю можно придумать еще уйму вариантов.. . удачи
задавайте в процентах ширину
трехколоночный сайт, все колонки одинаковой высоты - используйте таблицу, не заморачивайтесь ни с какими классами и дивами. Внешнюю таблицу делаете из трех колонок (которые всегда будут равны по высоте) и для нее задайте общую ширину 100 процентов (то есть таблица должна занять все свободное пространство по ширине, не зависимо от расширения монитора). Для левой и правой ячейки устанавливайте ту самую фиксированную ширину (например, я установил 300 пикселей) , а для средней не указывайте никакой ширины, таким образом она будет всегда иметь ширину, равной ширина экрана минус ширина левой и правой ячейки и быть разной для разных расширений экрана.
как-то так
<div style="float:left; width:265px; max-width:265px;">левая колонка</div>
<div style="float:right; width:240px; max-width:240px; margin-right:2px; padding-right:2px;">правая колонка</div>
<div style="margin-left:270px; margin-right:248px;"> центр </div>