Придерживаться нижнего колонтитула снизу не работает в Chrome (в IE, Firefox, Safari)

Question

В http://ryanspahn.com/adsgrader2/index вы можете видеть, что у меня есть серый нижний колонтитул, а в IE, Safari и Firefox нижний колонтитул прилипает к основанию. Но в Chrome он не прилипает к дну - что странно.

Я создал этот липкий нижний колонтитул, используя следующий метод, найденный здесь в стеке ... CSS, чтобы нижний колонтитул HTML-страницы оставался в нижней части страницы с минимальной высотой .

Интересно, видел ли кто-нибудь это раньше или у него есть предложение, чтобы исправить эту проблему Chrome.

Answer 1

Я не уверен насчет этого урока, но если вы хотите, чтобы нижний колонтитул оставался внизу, вам нужно использовать фиксированное позиционирование, а не относительное. Исправлено означает, что он не будет прокручиваться, когда прокручивается остальная часть страницы. Вы можете закрепить его с теми же атрибутами в абсолютном позиционировании, используя top, bottom, left, right.

Добавьте следующее в свой существующий CSS и измените значения, где это необходимо.

#footer {
     position: fixed;
     bottom: 0px;
     width: 100%;
}

#foot {
    margin: 0px auto;
}

Я также заметил, что когда вы сделаете это, вам придется всплывать изображение, которое вы имеете в левом нижнем колонтитуле.

#right img {
    float: left;
}