footer не прилегает к низу

bybus

Захожу иногда
86
2 / 1

Что-то я намудрил, но что не пойму.
на главной футер прилегает к низу страницы.
А в товарах
zainskavto.ru/shop/product/view/6/669
снизу зазор примерно в 20 пикселей.

Подскажите с чем это связано. И как исправить. За ранее спасибо.

Записан

Shustry

Moderator
6434
745 / 3

Re: footer не прилегает к низу

« Ответ #1 : 06.12.2014, 02:33:02 »

С чего вы взяли, что он на главной прилегает? Там так же как и везде, он сразу под контентом. Чтобы прилегало нужно так делать:

Код: html4strict

<body>
	<div class="main">
		Здесь все-все (!) тэги разметки, что внутри body кроме непосредственно футера.
		<div class="footfix"></div><!--этот элемент обязателен, чтобы футер не наезжал на контент-->
	</div>
	<footer>
		…а здесь только футер.
	</footer>
<body>

Код: css

body {
	min-height:100%;
}
.main {
	height:100%;
}
footer {
	height:200px;
	margin-top:-200px;
}
.footfix {
	height:200px;
}

Записан

bybus

Захожу иногда
86
2 / 1

Re: footer не прилегает к низу

« Ответ #2 : 06.12.2014, 03:05:16 »

Спасибо, но откуда берется этот зазор? В моем понимании высота страницы, а значит и полоса прокрутки, должна быть точно до нижней границы блока footer. Под ним ведь ничего нет, непонятно откуда зазор. Или тег footer стоит особняком? Просто вчера все нормально работало.(подкрутил стили jcomments, но это никак не должно влиять)

Цитировать

С чего вы взяли, что он на главной прилегает?

Ну, у меня в Chrome так. На главной зазора нет. В древней 12 Opera вообще нет зазор ни на каких страницах.

PS Кстати под прилегает я имею ввиду не position:fixed, а то, что при проматывании страницы вниз нижняя граница футера не совпадает с нижней границей браузера.

причину нашел, дело в iframe(внизу с текстом This frame prevents back/forward cache problems in Safari), но у него высота 0 px, так-что снова тупик.

PPS Короче все дело оказалось в рекапче, она добавляла этот айфрейм, скрыл его так
iframe[src="about:blank"]{display:none;}

« Последнее редактирование: 06.12.2014, 03:49:33 от bybus »

Записан

Плавающий footer Автор grx-lin	Ответов: 1 Просмотров: 1575	19.10.2016, 20:23:29 от flyingspook
Как мне сделать невидимым ссылку меню в footer'e? Автор abrodski	Ответов: 9 Просмотров: 2165	05.08.2016, 00:23:29 от abrodski
Как прижать изображение к низу блока div ? Автор din245	Ответов: 7 Просмотров: 29058	10.02.2015, 09:27:37 от aspidy
Как прижать футер к низу в шaблоне beez5? Автор godsilver	Ответов: 3 Просмотров: 1322	18.04.2014, 21:53:19 от godsilver
Как изменить фон в footer и header? Автор Sjofn	Ответов: 14 Просмотров: 20141	24.01.2014, 20:27:11 от Sjofn

footer не прилегает к низу - Вопросы по CSS

Новости Joomla

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

👩‍💻 Компонент "CS Афиши" для Joomla.

bybus

footer не прилегает к низу

Shustry

Re: footer не прилегает к низу

bybus

Re: footer не прилегает к низу

Похожие темы