Comments on: Как прижать footer к низу окна браузера с помощью CSS?

By: Дмитрий

Дмитрий — Fri, 29 Aug 2008 16:47:36 +0000

К чему все эти споры и рассужения?
Не проще ли использовать таблицу 100% высоты с двумя строчками, на верхней ширина 99%, на нижней строчке ширина 1%? Да, еще надо не забыть про ширину body 100% и доктайп, чтобы таблица растягивалась на все окно. И всего делов, футер всегда внизу и количество контента погоду не сделает.

By: DenX

DenX — Sat, 05 Jul 2008 15:30:07 +0000

А у меня на http://www.4x.at.ua всё прекрасно работает и если материала меньше и если больше чем размер экрана. Футер всегда внизу.

By: Дмитрий

Дмитрий — Thu, 19 Jun 2008 11:26:13 +0000

а зачем в первом примере использовать * html #content чтобы задать 100% высоту для ie, разве нельзя обойтись трюком с !important, также как во втором примере?

By: Александр

Александр — Wed, 04 Jun 2008 06:03:52 +0000

Подскажите как сделать чтобы футер был постоянно внизу при изменении размера окна и перекрывал основной контент, если его много.

By: o_O

o_O — Mon, 31 Mar 2008 14:57:38 +0000

А вот задачка такого содержания:
1) Футер прибит к низу, причём при переполнении контентом, он не перекрывает ничего.

2) Колонки одной высоты, и тянуться за переполнением контента.

3) При малом, наполнении основного блока, футер и всё содержимое отображаеться без прокруток, НО! колонки тянуться от хидера, до футера, без пустых пространств.

4) DOCTYPE – любой XHTML

P.S.: моими культями вышло только в Quirks Mode.
Проблема в IE6, этот броузер не хочет растягивать одну из колонок при указании DOCTYPE.

By: Елена

Елена — Sat, 08 Mar 2008 21:05:13 +0000

Спасибо, мне очень пригодился тот способ, в котором у футера

height:Npx;
margin-top:-Npx;

Правда долго мучалась с хаками, но заработало :)

By: red

red — Fri, 29 Feb 2008 14:43:00 +0000

Есть ли возможность при использовании этих способов прибить картинку на бэкграунде книзу.
Такая трабла, что при большом разрешении все в норме, но при маленьком картинка подпригивает в ФФ и Опере. Насколько понял это из-за height:100% для html.
Сколько не парился – ничего не получается.
Может кто знает ответ

By: panda

panda — Mon, 17 Dec 2007 17:51:23 +0000

Первое условие КРАЙНЕ важно, без него у Вас вряд ли что получится. Способ 100% рабочий, без всяких скидок, проверен и перепроверен мной лично на трех проектах, другими людьми тоже. Если что – пишите, разберемся. Кстати, на основе этого шаблона я разработал шаблон сайта с тремя колонками в бестабличной верстке, на реальном проекте не тестил, но вроде получилось неплохо, во всех вышеуказанных браузерах работает можно сказать одинаково. Интересно-пишите.

By: aikbis

aikbis — Sun, 16 Dec 2007 21:29:03 +0000

как раз на footer сейчас остановился,
дают разные варианты – не работают в ie7 и последней опере,panda дали бы ссылку, где это у вас работает, действительно пробовал
нормальное определение body, ie7 не понимает: body {
height: 100%;
position: relative;
}
1и 2 условия наверное как раз и нехватает для работы схемы, попробую
http://www.aik.tu1.ru

By: panda

panda — Sun, 16 Dec 2007 20:43:11 +0000

Блин, не получается поделиться информацией :). Напишу так: после открывающего тега html и body идет открывающий тег блока content, потом блок header, под ним-блоки основного содержания страницы, потом блок content закрывается, т. е. блок content содержит в себе блоки хидера и все содержимое кроме футера; после идет блок футера, потом закрывается body и html. Все :)