CODE:<html>
<head>
<title>Привет Свиму!!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.verh {
background-color: #CC9900;
height: 45px;
margin-bottom: 5px;
border: 1px solid #0000FF;
margin-top: 10px;
}
.niz {
background-color: #00CCFF;
height: 50px;
width: 100%;
margin-right: 50px;
margin-left: 50px;
border: medium groove #CC3300;
}
-->
</style>
<style type="text/css">
<!--
.telo {
background-color: #99FFCC;
margin: 5px 80px;
height: 75%;
width: auto;
overflow: visible;
}
-->
</style>
</head>
<body>
<div class="verh">это верх страницы </div>
<div class="telo"> здесь контент.</div>
<div class="niz">это низ страницы </div>
</body>
</html>
Три дива.
Верх, сама страница, низ, который всегда внизу.
Значит, весь фокус в том, что низ - самый простой. А играем с дивом, где контент.
Делаем его высотой в 75-90% в зависимости от браузера. Извини, но иначе не придумывается никак.
Важно очень - ставим опцию автоматической растяжки в стиле overflow: visible;
Теперь без контента экспериментально подбираем под браузер.
Конечно, у кого-то панель может быть выключена полностью, кто-то включит все возможное...
Вот это я не знаю, как обойти.
Пишем контент - див заполняется, а потом начинает растягиваться. Гы, можешь скрол поставить
Потянет такое решение?