вот что я нашел:
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
HTML, BODY {height: 100%; margin: 0; padding: 0; }
#topNContent {min-height: 100%; }
* HTML #topNContent {height: 100%; }
#content {padding-bottom: 30px;}
#top {background: #CCC; height: 121px; }
#bot {background: #CCC; height: 30px; margin-top: -30px; }
* HTML #bot {overflow: hidden; }
</style>
</head>
<body>
<div id="topNContent">
<div id="top">шапка</div>
<div id="content">
<p>контент </p>
<p>12355</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>lllklllkl</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>lklklklklkl</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>klklljkj</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>jkjkljjljlilki </p>
</div>
</div>
<div id="bot">подвал</div>
</body>
</html>
|
В данном коде подвал очень хорошо прикрепляется к низу страницы - сколько бы ни было техта на страничке. НО все бы хорошо, да только вот если изменить
#content {padding-bottom: 30px;} на #content {padding-bottom: 30px; position:absolute;} то подвал никак не уходит вниз страницы, а болтается прямо на contente :(
Есть ли возможность как то прижать подвал к низу странички, когда у contenta position:absolute; |
Спасибо 