CSS нижний колонтитул в нижней части с определенными условиями

Question

Можно ли создать нижний колонтитул, который будет в нижней части страницы, а когда высота страницы составляет, например, 500 пикселей, тогда нижний колонтитул будет оставаться в этом месте и не будет в нижней части после этого значения высоты?

Этот нижний колонтитул останется в нижней части, но если высота страницы меньше 500 пикселей, он все равно будет там, поэтому возможно ли использовать CSS для создания такого правила?

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
}

Answer 1

@ новичок; может быть, это вы должны сделать.

CSS:

.wrapper {
    position: relative;
    width: 700px;
    font-size: 0.9em;
    margin: 0 auto -142px;
    background:yellow;
}
.header {
    height: 190px;
    background:green;
}

.footer {
    position: relative;
    width: 700px;
    margin: 0 auto;
    background:red;
}

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px;
.footer, .push {
    height: 142px;
}

проверьте этот пример http://jsfiddle.net/sandeep/tCdPX/3/

проверьте это для более stickyfooter

Answer 2

использовать фиксированный вместо абсолютного

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
}