CSS3 / HTML5 макет с тремя столбцами - PullRequest
0 голосов
/ 23 октября 2011

О, так что это будет маленький хромой вопрос.
Я не могу использовать какой-либо CSS-фреймворк и не могу использовать макет таблицы тоже.
Решение только для Google Chrome!

Как настроить макет из трех столбцов следующим образом:

[column1]      [column2]                      [column3]
[width: 250px] [flex width, content centered] [width: 250px]

так что оба (столбец 1,3) будут иметь статический размер, а средний будет иметь содержимое по центру, а его ширина будет гибкой (изменение размера окна)

Afaik Я не могу использовать процентную ширину, мне нужно что-то вроде

#column2 {width: parent.width - 500px; left: 250px; text-align: center;}

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

1 Ответ

3 голосов
/ 23 октября 2011

Если это только для Google Chrome, то вы можете использовать модель flexbox.

http://dev.w3.org/csswg/css3-flexbox/

Пример: http://www.jordanairwave.co.uk/2011/06/21/css3-flex-box-model/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...