Кто как прибивает футер к низу

voodoo · 26.12.2009, 20:20

Давно использую такой способ(см. в атаче)

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

Как можно простым и эффективным способом прибить футер к низу страницы. Возможно если поменять доктайп в том файле что в атаче оно и будет функционировать нормально не проверил. Если рассматривать доктп strict, может есть где почитать кроссбраузерную и валидную реализацию ?

http://letitbit.net/download/2537.f2...eight.rar.html

SerP · 26.12.2009, 21:30

clear:both;

или вставляю пустой див, и приписываю ему св-во clear:both;

Сущ много способов, и для разных случаев способы могут быть разные.

voodoo · 26.12.2009, 23:03

Дописал к своей верстке такое извращение
content
overflow:hidden !important;
overflow:inherit;

и получил кроссбраузерность, в ie6,7,8 - ff - op - chr - saf, правда это наверно только мой частный случай

хотел бы еще спросить, одну тривиальность, в другой теме наверно опишу, если конечно не найду ответа на просторах всемирной паутины интернет

iDeViL · 27.12.2009, 17:42

лично я стараюсь каждый раз искать разные подходы, так как задачи всегда разные. Сейчас я делаю так: все скидывается в контейнер с position: relative, где футер - расположен в самую последнюю очередь, вот он и внизу. Причем, никаких проблем. Помимо этого, это позволяет разместить внизу картинку, которая расположена внизу страницы, под всем, являясь фоном для футера и низа статьи, при этом, она никуда не уползает. Советую сделать так же.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
"липкий" футер	web_smile	HTML, CSS, JavaScript	1	16.12.2013 17:07
Прибить футер к низу	iljamiskov	HTML, CSS, JavaScript	1	27.12.2010 19:42
Помогите растянуть шапку и футер	Flynt	HTML, CSS, JavaScript	25	25.12.2010 19:42
Футер наезжает на блок с меню, но не наезжает на контент	Dejust	HTML, CSS, JavaScript	7	19.07.2009 02:06
Футер в foot	Liahim_Vessol	HTML, CSS, JavaScript	4	20.08.2004 11:07

26.12.2009, 20:20	#1
voodoo	Давно использую такой способ(см. в атаче) Но реально он уже задобал, в конце верстки где нужно прибить футер к низу возникают траблы. То отступы не совпадают то контент заезжает за футер. Или просто обрезается. Или ие отличился. По всякому бывает. Как можно простым и эффективным способом прибить футер к низу страницы. Возможно если поменять доктайп в том файле что в атаче оно и будет функционировать нормально не проверил. Если рассматривать доктп strict, может есть где почитать кроссбраузерную и валидную реализацию ? http://letitbit.net/download/2537.f2...eight.rar.html Последний раз редактировалось voodoo; 26.12.2009 в 20:26..

26.12.2009, 21:30	#2
SerP	clear:both; или вставляю пустой див, и приписываю ему св-во clear:both; Сущ много способов, и для разных случаев способы могут быть разные.

26.12.2009, 23:03	#3
voodoo	Дописал к своей верстке такое извращение content overflow:hidden !important; overflow:inherit; и получил кроссбраузерность, в ie6,7,8 - ff - op - chr - saf, правда это наверно только мой частный случай хотел бы еще спросить, одну тривиальность, в другой теме наверно опишу, если конечно не найду ответа на просторах всемирной паутины интернет Последний раз редактировалось voodoo; 26.12.2009 в 23:06..

27.12.2009, 17:42	#4
iDeViL	лично я стараюсь каждый раз искать разные подходы, так как задачи всегда разные. Сейчас я делаю так: все скидывается в контейнер с position: relative, где футер - расположен в самую последнюю очередь, вот он и внизу. Причем, никаких проблем. Помимо этого, это позволяет разместить внизу картинку, которая расположена внизу страницы, под всем, являясь фоном для футера и низа статьи, при этом, она никуда не уползает. Советую сделать так же.