Правописание предлогов: слитно или раздельно, через дефис, пол
Код с учетом IE6
XHTML 1.0CSS 2.1IECrOpSaFx
В данном примере используется значение absolute свойства position. При абсолютном позиционировании элемент можно поместить в любое место окна браузера, но при этом он прокручивается вместе с содержимым. В этом основное различие между значениями fixed и absolute. Чтобы подвал не перемещался, задается высота страницы как 100% и отсекается все, что не помещается в текущие размеры окна. При этом пропадает вертикальная полоса прокрутки, ее следует добавить к content с помощью overflow.
Еще один неприятный момент это наложение фона подвала на полосу прокрутки, так что придется задать отступ справа на ширину скролбара. При этом, если полосы прокрутки нет, в подвале справа будет зиять дыра.
Внизу или в низу
Как прижать подвал к низу страницы
Этот способ, использующий отрицательный отступ, описан на многих сайтах. Я хочу рассказать о некоторых неочевидных моментах и проблемах, которые могут возникнуть. Для начала нам нужны два блока: основной, в котором будет всё кроме подвала, и сам подвал.
Высота блока page-wrapper зависит от размера body, поэтому для html и body нужно обязательно задать высоту 100%, без неё подвал к низу не прижмётся. По этой же причине вокруг page-wrapper не должно быть других тегов.
У html и body по умолчанию есть отступы (margin и padding), которые добавляются к заданной высоте, отчего появляется ненужная полоса прокрутки. Эти отступы необходимо сбросить.
Растягиваем блок page-wrapper на всю высоту окна при помощи свойства min-height.
Загрузка...
