html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
}
Не использую карусель бутстрапа, но подозреваю, что блок .carousel-indicators спозиционирован аболютно. Так что, bottom: -100px; Возможно, придётся поиграться с z-index для .carousel-indicators или .carousel-indicators ol
В понятие кроссбраузерности поддержка IE8 не входит. Кроссбраузерность - это поддержка актуальных современных браузеров.
Поддержка IE8 - поддержка устаревших браузеров. За что в обязательном порядке нужно требовать солидную доплату.