У меня есть следующий html...
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>
И после css...
.header{
position: fixed;
background-color: #f00;
height: 100px;
}
.main{
background-color: #ff0;
height: 700px;
}
.footer{
position: fixed;
bottom: 0;
background-color: #f0f;
height: 120px;}
Но почему верхний и нижний колонтитулы не исправлены, что-то я сделал не так? Я хочу, чтобы только "основная" была прокручиваемой, а "header" и "footer" были в фиксированном положении. Как это сделать?
+-------------------------------------+
| header | -> at fixed position (top of window)
+-------------------------------------+
| main |
| |
| | -> scrollable as its contents
| | scroll bar is window scroll bar not of main
| |
| |
+-------------------------------------+
| footer | -> at fixed position (bottom of window)
+-------------------------------------+
Смотрите эту скрипту