трехколонный веб-дизайн с переменными сторонами

Question

Я пытался придумать способ создания веб-дизайна с тремя столбцами, где центральный столбец имеет постоянную ширину и всегда центрирован Столбцы слева и справа являются переменными. Это тривиально в таблицах, но не корректно семантически. Я не смог заставить это работать должным образом во всех текущих браузерах. Любые советы по этому поводу?

Answer 1

Проверьте это: http://www.glish.com/css/2.asp

И замените ширину: xx% для #maincenter на фиксированное значение. Кажется, работает, когда я меняю его с Firebug, стоит попробовать?

#maincenter {
    width: 200px;
    float:left;
    background:#fff;
    padding-bottom:10px;
    }

Answer 2

Используйте этот метод и просто укажите фиксированную ширину для центрального столбца.

Answer 3

Эта статья в A List Apart имеет решение, в результате которого макет с 3 столбцами будет:

• имеют центр жидкости с боковыми панелями фиксированной ширины,

• позволяет центральному столбцу появляться первым в источнике,

• позволяет любому столбцу быть самым высоким,

• требуется только один дополнительный div разметки, а

• требуется очень простой CSS с минимальным количеством исправлений.

Answer 4

Я думаю, вам нужно начать с начальной (фиксированной) ширины для обоих столбцов боковой панели, а затем, при загрузке страницы, использовать javascript, чтобы получить ширину окна и вычислить новую ширину боковых панелей.

ширина боковой панели = (ширина окна - ширина центрального столбца) / 2

Вы можете затем повторно применить javascript, если размер окна изменяется.