Вопрос по блочной верстке

serzhb · 31 Окт 2009

Вопрос по блочной верстке

Здравствуйте. Всегда верстал таблицами, а тут вдруг решил использовать блоки для одного проекта и столкнулся с проблемой. Чтобы было понятнее привожу иллюстрацию:

Есть див #header высотой 100 пикселей.
Вопрос как сделать чтобы див #content заполнял всю оставшуюся высоту?
Естественно скроллбаров быть не должно.
Также #header ещё к тому же и прозрачный, т.е. под него нельзя просто запрятать #content с помощью абсолютного позицирования и z-index'a.

Заранее благодарю за ответ.

unlex · 2 Ноя 2009

Вот те вариант с JavaScript. Без него не получится. А вообще, раз решил верстать блочно, в сети туча инфы...

Код:

<html>

<body>
<div id="main" style="border: 1px solid red; height: 100%;">
    <div id="header" style="border: 1px solid green; height: 100px;"></div>
    <div  id="content" style="border: 1px solid blue;"> </div>
</div>

<script type="text/javascript">
<!--
document.getElementById("content").style.height = (document.getElementById("main").offsetHeight - 
document.getElementById("header").offsetHeight) +"px";
//-->
</script>
</body>
</html>

Вопрос по блочной верстке

serzhb

Новичок

unlex

Новичок