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

[Zippovich]

Вот картинка с описанием того что нужно сделать. Есть фиксированные по высоте header и footer. Нужно растянуть контентную часть на все оставшееся пространство. Как сделать?

[Vin]

http://peterned.home.xs4all.nl/examples/csslayout1.html

[Zippovich]

http://peterned.home.xs4all.nl/examples/csslayout1.html

Спасибо друг, но это не то. Здесь контентная часть не занимает все оставшееся пространство, просто бекграундом сделана видимость. Мне нужно что бы занимала все оставшееся пространство.

[Zippovich]

В общем сделал все абсолютным позиционированием.

Общий блок растянут на 100%, расположен абсолютно в body, которое растянуто на height 100%

в нем абсолютно header вверху и footer внизу

и контентный блок имеет абсолютно помещен от header-а до footer-а

только не красивое решение, если кто-то знает лучшее, пожалуйста, поделитесь

[Vin]

А я уже хотел порекомендовать ещё более некрасивое решение таблицей

Можно ли поинтересоваться, зачем именно вам это?

[Sensei]

<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

html, body {
	height: 100%;
	margin: 0;
}
#content {
	min-height: 100%;
	margin: -100px 0 -100px 0;
}
#header {
	height: 100px;
	background: green;
}
#footer {
	height: 100px;
        background: green;
}

[Zippovich]

Заказчик извращенец. Вот для этого макета:

Тут бекграундом не получится. И у заказчика условие, что бы растягивалось все на всю высоту браузера и скролл появлялся только в центральной области.

Я пробовал с маржинами отрицательными, что-то у меня не получилось. За решение спасибо, вечером попробую на чистом макете.

[Vin]

Да ничего извращённого, просто это кагбэ интерфейс веб-приложения, потому и требования немного нестандартные.

[Sensei]

Если веб-приложение, может имеет смысл сделать позиционно фиксированные хедер и футер?

[Zippovich]

они и так позиционно фиксированные, расположены абсолютно внизу и вверху и имеют фиксированую ширину.