Есть код css:
Собственно, HTML:
Если контента в высоту больше рабочей области - <div id="content"> вытесняет <div id="footer"> за пределы экрана и появляется полоса прокрутки браузера.
Таки, очень хотелось бы, чтобы полоса появлялась только у дива и <div id="footer"> оставался внизу рабочей области.
ЗЫ: position:fixed не подходит. т.к. ИЕ его не понимает.
Подскажите, как можно такое реализовать?
Когда-то натыкался на сайтик с примерами блоков (header+footer+main,header+footer+main+left,header+footer+main+left+right etc)
Код:
* { margin:0; padding:0; }
html, body { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#container {width:960px; min-height:100%; margin:0px auto -32px auto;
position:relative; padding:0px; background-color:#e6e6e6;
-moz-box-shadow: -3px 0px 5px rgba(0,0,0,.8),
3px 0px 5px rgba(0,0,0,.8);}
#header {height:106px; position:relative;border:1px solid black;}
#content {margin:0px; padding:10px 30px 10px 30px; position:relative;}
#clearFooter {height:32px; clear:both; display:block; padding:0px; margin:0px;}
#footer {height:32px; padding:0px; position:relative; width:960px;
margin:0px auto 0px auto;border:1px solid black;}
Код:
<html>
<body>
<div id="container">
<div id="header">header</div>
<div id="content">
content<br>
</div>
<div id="clearfooter"></div>
</div>
<div id="footer">footer</div>Таки, очень хотелось бы, чтобы полоса появлялась только у дива и <div id="footer"> оставался внизу рабочей области.
ЗЫ: position:fixed не подходит. т.к. ИЕ его не понимает.
Подскажите, как можно такое реализовать?
Когда-то натыкался на сайтик с примерами блоков (header+footer+main,header+footer+main+left,header+footer+main+left+right etc)
