Почти классический 3-column layout

Question

[Илья Климов]

Задача: имеем header (высота фиксирована в пикселях), footer (высота фиксирована в пикселях), два сайдбара (левый/правый) (ширина обоих известна в пикселях и фиксирована).

Задача: сделать верстку, в которой все оставшееся пространство будет отдано основному блоку, желательно без/с минимумом JS, при этом в браузере не должна появляться полоса прокрутки (у центрального блока будет overflow: scroll и он будет прокручивать информацию внутри себя)

Я понимаю, что задача почти тривиальна, но вменяемое кроссбраузерное решение мне быстро найти не удалось, да и не дизайнер я

Answer 1

[Артур Кох]

Обсуждалось подобное

Answer 2

[nonexistent]

Answer 3

[nonexistent]

<div id=«wraper»>
vdiv id=«left»> </div >
vdiv id=«right»> </div>
<div id=«common»> </div >
</div>
<style>
#left { float:left; width: 200px;}
#right { float:right; width: 250px;}
#common { margin: 0 250px 0 200px; }
</ style>
как-то так

Comments

[gaelpa]

"<" у боковых дивов упали?

[nonexistent]

да)

Answer 4

[Fastto]

Фиксированная ширина, три колонки