Sticky Footer не работает в Firefox

Question

У нас есть липкий нижний колонтитул, который отлично работает на любом WebKit, но, похоже, не работает в Firefox (или в новых версиях IE).

Дополнительное пространство создается под нижним колонтитулом размером 200 пикселей в высоту, который наследует цвет фона тела.

Дополнительное пространство, похоже, не является частью любого div, который мы можем найти, включая html, body, content, wrapper и т. Д. И т. Д. Это также, похоже, не вызвано каким-либо дополнением или полями на любом элементы.

Мы построили его на методе Ryan Fait's CSS Sticky Footer, который использует push-div внутри оболочки-обертки с отдельным разделителем нижнего колонтитула.

Вы можете проверить его на redesign.treepuncher.com/freetrial/

Answer 1

Iframe в нижней части страницы и авторское право создает ненужное пространство. Вы можете остановить отображение iframe, если это не влияет на функциональность вашего веб-сайта. Попробуйте этот код:

.copy { 
    color: #FFFFFF; 
    float: right; 
    font-weight: 100 !important; 
    margin: 95px 15px 0 15px; //Fixes margin at the bottom of this div 
} 

iframe { 
    display: none; //Stops iframe from being displayed 
} 

Answer 2

Следующего сотового сделать его липким и удалить ненужные пространства в нижних

.footer { 
    background-color: #006837; 
    bottom: 0; 
    color: #FFFFFF; 
    font-family: "roboto",sans-serif; 
    font-size: 12px; 
    font-weight: 100; 
    height: 120px; 
    position: fixed; 
    width: 100%; 
} 
.wrapper { 
    height: auto !important; 
    margin: 0 auto; 
    min-height: 100%; 
}