3 столбца через DIV (средняя гибкость, все гибкие высоты, режим STRICT)

Эй, ребята, я немного боролся с этим и, похоже, не нашел решения. Вам нужно посоветовать или просто сказать, что это невозможно (пока я думаю, что это невозможно). Проблема в том, что нужно иметь 3-х столбчатую раскладную ширину, левую фиксированную ширину, правую, а среднюю - занимает все пространство, предоставленное телом или что-то еще. Трюк состоит в том, что справа или слева столбцы могут быть выше среднего, и нам нужно, чтобы они не перекрывали нижний колонтитул. Также docmode является строгим. Я знаю, что Table решает проблему за секунду, но мне интересно, есть ли решение Div?

html,css,layout,

1

Ответов: 3


4 принят

Это то, что вы ищете, я думаю:

http://matthewjamestaylor.com/blog/perfect-3-column.htm или с шириной пикселей: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

Это XHTML строгий и поддерживает все текущие браузеры.


0

YUI Grid CSS - это то, что вы хотите. Я не знаком с магией CSS, но он поддерживает несколько разных макетов. Кажется, он не поддерживает фиксированные левые и правые столбцы.


0

Нет проблем с таблицами - это немного похоже на размахивание красным флагом для быка:

http://edeverett.co.uk/experiments/noTables2.html

Протестировано в IE7, FF3, Chrome 2.

Это должно сделать вам большую часть пути, основная идея состоит в том, чтобы использовать отрицательные поля на двух боковых столбцах с основным столбцом, установленным на 100% ширину. Это выиграло бы от ограничения на ширину страницы.

(Я редактировал пример html, чтобы показать, как включить контент в центр)

HTML, CSS, верстка,
Похожие вопросы