CSS: позиция нижнего колонтитула абсолютная или относительная в зависимости от размера контента? - PullRequest
5 голосов
/ 10 сентября 2011

Я хочу сделать что-то вроде этого: enter image description here

В случае 1: высота содержимого меньше окна. В случае 2: ​​высота содержимого больше, чем у окна - и прокрутка показывает,

Моя проблема в том, что контент динамически изменяется. Поэтому иногда высота .cont больше высоты окна. И тогда, .foot должен быть ниже .cont.

Если я установлю этот код

<html>
<head>
<style type="text/css">
.cont{
    margin:0 auto;
    background-color:#333;
    width:800px;
    height:500px;
}
.foot {
    position:absolute;
    left:50%;
    margin:0 0 0 -400px;
    background-color:#F33;
    width:800px;
    height:20px;
    bottom:0px;
}
</style>
</head>
<body>
    <div class="cont"></div>
    <div class="foot"></div>
</body>
</html>

Я понял это: enter image description here

Спасибо за любую помощь!

1 Ответ

3 голосов
/ 10 сентября 2011

Если вы можете немного изменить разметку, попробуйте это: http://ryanfait.com/sticky-footer/

...