[решено] Растягивать div по всей оставшейся высоте страницы

PC_Maniac · Отправлено: **11:41, 24-11-2011** | #2

Если я правильно понял нужно что то вроде этого:
В css -

Код:

#wrapper {width: 100%; height: 100%;}
#top {width: 100%;height: 200px;}
#main {width: 100%;height: 100%;}
#bottom {width: 100%;	height: 100px;}

На страницу -

Код:

<div id="wrapper">

    <div id="top"></div>
    <div id="main"></div>
    <div id="bottom"></div>

</div>

Artem-Samsung · Отправлено: **13:17, 01-12-2011** | #3

Мне подошло вот такое вот решение:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
        <style>
        *{padding:0px;margin:0px;}
        html,body{height:100%;overflow:hidden;}
        .body{position:absolute;left:0px;right:0px;top:0px;height:100%;overflow:hidden;}
        .top{position:absolute;left:0px;right:0px;top:0px;height:200px;background:#bbb;z-
index:2;}
        .content{position:absolute;left:0px;right:0px;top:200px;bottom:100px;background:#eee;
overflow:auto;z-index:1;}
        .bottom{position:absolute;left:0px;right:0px;bottom:0px;height:100px;background:#999;
z-index:2;}
        </style>
</head>
<body>
        <div class="body">
                <div class="top">top</div>
                <div class="content">content</div>
                <div class="bottom">bottom</div>
        </div>
</body>

http://jsfiddle.net/artemhp/tCzZt/