Почему известный сценарий с липким нижним колонтитулом такой, какой он есть? - PullRequest
2 голосов
/ 22 марта 2012

Хорошо известно, скрипт на http://ryanfait.com/sticky-footer/: липкий нижний колонтитул скрипт!

Липкий нижний колонтитул остается в нижней части области просмотра, если содержимое не длиннее. Красивая.

Но теперь вот сценарий, который, кажется, делает то же самое.
HTML:

<div id="container">
    <div id="content">
        (Paste here your content.)
    </div>
    <div id="push"></div>
    <div id="footer">
        FOOTER
    </div>
</div>

И CSS:

* {
    margin: 0px;
    padding: 0px;
}
html, body {
    width: 100%;
    height: 100%;
}

div#container {
    position: relative;
    width: 1000px;
    min-height: 100%;
}

div#push {
    height: 32px;
}

div#footer {
    position: absolute;
    bottom: 0px;
    height: 32px;
    width: 100%;
}

Итак, если вы поставите известный липкий нижний колонтитул напротив моего (как указано выше), что мне следует использовать? Есть ли какие-то преимущества или недостатки?

1 Ответ

0 голосов
/ 13 июня 2012

Ваш код не работает для более старых версий IE, потому что они не поддерживают min-height.Другой код реализует обходной путь, так что он все еще будет работать для этих браузеров.Прочитайте последний раздел этой страницы http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ о "свойствах height: auto !important; и height: 100%;".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...