Закрепление футера при прокрутке - Общие вопросы веб разработки

Когда контента на странице мало как пример - страница восстановления пароля), то футер поднимается достаточно высоко над нижней границей окна браузера.
Как сделать так, чтобы при прокручивании страницы, где контента много, футер уезжал вниз, оставаясь под контентом, но при этом никогда не поднимался над нижней границей окна браузера, если контента на странице мало, т.е. всегда bottom <= 0?

Попробуйте
   
   margin:0 auto;
   padding: 0px;
   clear:both;
   margin-bottom:0px;

В контенте тоже должно добавляться position:relative;   

Не то.
Пример:
Высота окна браузера (примерно, т.к. она переменна - моники у всех разные) 1000px
Шапка (высота) - 200px, контент - 300px, подвал - 200px, под подвалом белая полоса в 300px.
Нужно, чтобы подвал приклеился к низу, а белая полоса была между подвалом и контентом.

При этом, если контент по высоте 1500px и соот-но уползает вниз за границу окна браузера, подвал должен быть приклеен к контенту, т.е  находится под ним (как обычно, в общем).
Чувствую, тут однис ксс не обойтись, а скрипт нарисовать не догоню как.

Чувствую, тут однис ксс не обойтись, а скрипт нарисовать не догоню как.

Для менюшки звучит так:
 <script type="text/javascript">
          $(function() {
                $('#main-menu li a').bind('click',function(event){
                    var $anchor = $(this);
                   
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500,'easeInOutExpo');

                    event.preventDefault();
                });
            });
         
           $(document).ready(function(){
          $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:false, deeplinking: false});
           });

        </script>
Для футера я думаю, будет так же (лишнее за комментируйте и поменяйте на футер)

млять, нажми на меня! пжлст!

Можно было и без экспрессии. Это решение (русскоязычное) не помогло, помог англоязычный вариант http://getbootstrap.com/examples/sticky-footer/ (отличается от русского версткой), конкретное решение:
и все, безо всяких скриптов, всего-то...

Решено.

Можно было и без экспрессии. Это решение (русскоязычное) не помогло, помог англоязычный вариант http://getbootstrap.com/examples/sticky-footer/ (отличается от русского версткой), конкретное решение:

Код: css

html {position:relative;min-height:100%;}
footer {position:absolute;bottom:0;width:100%;}

и все, безо всяких скриптов, всего-то...

Решено.

думаю вы немного не правы дружище, ну да ладно, как-нибудь увидите ошибку)))) имхо, ваш код не везде срабатывает, ибо не самодостаточен))))
и в русской версия и в англ версиях одно и то же, покажите какие вы РАЗЛИЧИЯ нашли? в названиях классов?))))
а то, что тут можно обойтись без скриптов - дыг Google трещит))) тут не можно, а нужно без скриптов....))) их и так в наше смутное время на каждом шагу и а за каждым углом немеряно! к бабке хохляцкой не ходи!

Для основного контейнера сразу над футером:
min-height:100%;
height:auto !important;
margin-bottom: указать высоту футера
margin-top: указать высоту хедера, если он не внутри контейнера или не зфиксирован