TecHMeaT

Не всегда страничка должна иметь много контента (например страничка с сообщением об ошибке 404), а красивый подвал посреди экрана выглядит как-то неуместно. Надо бы его прижать

Логический алгоритм следующий:

1. Высоту странички body выставляем в 100% (минимум);
2. Основной слой (page), в котором будет шапка (header) и контент (content) так же растягиваем на 100% по высоте;
3. Подвал (footer) прижимаем книзу position:relative; bottom:0;
4. Т.к. подвал находится ниже 100% слоя page, то нужно его поднять на столько, сколько он сам имеет роста: margin-top:-50px;
5. Теперь страничка и без скрола, и подвал внизу, но при нынешнем состоянии контент будет залезать под подвал, применим-ка мы к нему pading-bottom:60px;

Теперь должно быть в норме. Покажу на картинке:

Надеюсь, что логика понятна. Если кто не поймет - выложу кодом.

Читать в Яндекс.Ленте или Google Reader. \\ теги: CSS, верстка