Я создал липкий нижний колонтитул, и, похоже, он находится внизу страницы. Единственная проблема заключается в том, что когда я сворачиваю свой браузер, перетаскивая нижнюю часть браузера, содержимое выше перекрывается с нижним колонтитулом. Содержимое div содержит изображения, которые находятся на верхней части нижнего колонтитула, когда я минимизирую. Также тип над нижним колонтитулом появляется над изображениями (при минимизации). Любая помощь будет оценена по достоинству. Спасибо.
<----- Структура HTML →
<div class="supercontainer"
<div class="nav"></div>
<div class="wrapper">
<div class="content"></div>
<div class="push"></div>
</div>
</div>
<div class="footer"></div>
<----- Соответствующие CSS -→
.supercontainer {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
position: relative;
}
.footer {
background-color: black;
width: 100%;
height: 100px;
}
.push {
height: 100px;
}
Чтобы получить содержание, чтобы вытащить нижний колонтитул, вам нужно указать значение div отрицательного нижнего поля, которое соответствует высоте нижнего колонтитула.
.supercontainer {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
position: relative;
}
.footer {
background-color: black;
width: 100%;
height: 100px;
}