div disign

[profet]

Добрый день!

Есть вот такая растановка боков, но к сожалению не могу разобраться.

1 блок имеет width и height 100%
2 блок имеет width 100% и height 100px и должен находиться всегда наверху
3 блок должен иметь width 100% и height 100% (- высоту верхнего и нижнего блока)
4 блок имеет width 100% и height 50px

Сколько не мучался у меня так и не получилось чтобы 3 блок имел резиновую высоту относительно монитора. В таблицах у меня получилось сделать, но мне надо все сдалеть в дивках

Пожалуйста, если кто-то знает решение этой проблемы напишите мне

вот мой пример:

html

<div class="center">
    <div class="t"></div>
    <div class="c"></div>
    <div class="b"></div>
</div>

css

div.center {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 1px solid #F00;
}

div.t {
	width: 100%;
	height: 50px;
	border: 1px solid #0F0;
}

div.c {
	width: 100%;
	border: 1px solid #00F;
}

div.b {
	width: 100%;
	height: 50px;
	border: 1px solid #F0F;
}

[SkyM@n]

А как это блоки 2,3,4 могут иметь 100% ширину, если у вас на рисунке - не 100% ?

[profet]

Сообщение от SkyM@n

А как это блоки 2,3,4 могут иметь 100% ширину, если у вас на рисунке - не 100% ?

это я к примеру. если бы я нарисовал ширину 100% 2, 3 и 4 блоки, то 1 блока не было бы видно.
и не важно скака имеет ширана. Проблема в высоте. И мне надо ее решить.