Пример как прижать footer к низу с помощью css

Вариант такого решения растягивания фона контентной части довольно простой: wrapper раскрашивается фоном, а header и footer своими фонами это все прикрывают. В итоге content можно и не красить по фону. Но что делать в случае, если content должен быть окрашен и должен идти до footer, а между header и content должен быть промежуток без заливки, а заливка должна быть только у content ? Получается, что красить wrapper или wrapper2, которые у нас по всей высоте сайта идут – нельзя, т.к. их фоны будут проступать между header и content, а этого не нужно. Вариант такого решения растягивания фона контентной части довольно простой: wrapper раскрашивается фоном, а header и footer своими фонами это все прикрывают.

Вариант такого решения растягивания фона контентной части довольно простой: wrapper раскрашивается фоном, а header и footer своими фонами это все прикрывают.; С верхней полосой фона проблем нет никаких, но вот нижняя – она идет ровно по нижней границе окна браузера не смотря на то, что контент уходит далеко вниз и стоит прокрутить окно вниз – нижняя полоса фона так и остается висеть на месте там, Вариант такого решения растягивания фона контентной части довольно простой: wrapper раскрашивается фоном, а header и footer своими фонами это все прикрывают.