Не могу что фетур был в низу страницы при появлении заглушки... Пример тут JSFIDDLE
html:
<body>
<div class="cap">
cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>cap<br>
</div>
<div class="page">page</div>
<div class="footer">footer</div>
</body>
css:
html,
body {
height: 100%;
}
.cap {
position: absolute;
}
.page {
height: auto;
min-height: 100%;
padding-bottom: 50px;
background-color: #ccc;
text-align: center;
}
.footer {
height: 50px;
margin-top: -50px;
background-color: #bbb;
text-align: center;
}
Если прокрутить вниз страницы, то .cap вылазит за приделы футера (а нужно что бы футер тоже был в низу страницы), .cap должен быть поверх страницы...
.cap
позиция назначенаposition: absolute
и он просто выйдет в следующий так называемый слой, и будет поверх других блоков...) И это же препятствует твоему футеру. Попробуй фиксированную позицию что-ли...postion: absolute
убрать и сделать отдельный блочный элемент, этотposition: absolute
ужасная вещь, с нею трудно работать особенно если ты верстаешь сайт не только для экрана с одним разрешением..