Высота элемента

[kokoc80]

Всем привет. Я недавно начала изучать css бла бла бла бла бал бла....

В общем подскажите люди добрые.

Намерен сделать шаблон. Высота шапки 30px все остальное пространство должен занимать div.

Ничего не нашел дельного. решил сварганить сам. Получилось как то так:

HTML:

<div id="head"></div>

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

CSS:

#head{

width: 100%;

height: 30px;

background: #0f0;

}

body{

margin: 0px;

}

#content{

position: absolute;

top: 30px;

width: 100%;

background: 00f;

height: 10px;

}

Jsvascript:

function updateContentHeight()

{

document.getElementById('content').style.height = document.documentElement.clientHeight - 30;

}

updateContentHeight();

——————————————————————————--

Ето очень не правильно? Есть ли более красивый способ ?

[sharpey]

Шапка и боди - правильно.

А контент - не нужны ему ни абсолют ни топ. Он и сам разместится под шапкой. Насчет его высоты и ширины - вам решать.

Джаваскрипт тут тоже не при делах.

А вообще, топик, конечно, не в данном разделе должен находиться, ИМХО.

[Yazon_Nile]

Делать по тому же принципу, что и footer at bottom fixed layout, только вместо футера у тебя хедер)