Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/15: Рейтинг темы: голосов - 15, средняя оценка - 4.73
0 / 0 / 0
Регистрация: 12.11.2015
Сообщений: 14

Footer не держится в самом внизу

28.04.2016, 14:36. Показов 3170. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, проблема такая, когда есть информация на сайте, футер как положено внизу, но когда нет информации, футер поднимается, все способы делал который нашел в интернете, ни одна не помогает, кто нибудь знает как это сделать?

Вот если зайти на сайт http://kafe-nv.easynod.ru/index.php?view=cart то увидите (нод32 отключайте, этот антивирус блокирует почему то)
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.04.2016, 14:36
Ответы с готовыми решениями:

Закрепить footer внизу страницы
Имеется страница, которая состоит из верхней панели + меню, по боксу справа и слева и основной ленты, а также нижней панели, с которой...

Footer внизу страницы (нетривиальный вариант)
Добрый вечер! Не могу никак додуматься, как грамотней решить проблему... Бьюс не первый час. В чем суть: Есть контейнер фиксированной...

Помогите удержать footer внизу страницы!
Я знаю, что инструкции по моему вопросу есть на каждом углу, но мне попался тут один шаблон, никак не могу заставить footer держаться...

7
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
28.04.2016, 15:02
Лучший ответ Сообщение было отмечено Labor как решение

Решение

Labor, вообще футер прибивается легко:
CSS
1
.footer-bottom{position:absolute; width:100%; left:0; bottom:0}
Это очень действенный метод, когда высота страницы меньше высоты окна броузера... А если у Вас высота страницы равна или больше высоты окна броузера, то его к низу прижмёт блок wrap, а для надёжности можно ещё задать отрицательный margin-bottom...
1
0 / 0 / 0
Регистрация: 12.11.2015
Сообщений: 14
28.04.2016, 16:08  [ТС]
вот что получается, http://kafe-nv.easynod.ru/index.php?view=uslugi
что делать?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
28.04.2016, 16:19
Labor, я же Вам расписал, что, если высота окна броузера меньше высоы страницы, то использовать абсолютное позиционирование... У Вас высота больше,а значит одного float:left хватит за глаза...
1
0 / 0 / 0
Регистрация: 12.11.2015
Сообщений: 14
28.04.2016, 16:28  [ТС]
я вас не понимаю, у меня в некоторых местах информация мало, тогда позиция помог мне, но в некоторых много, тогда позиция мешает, и не спускается вниз, что делать?
куда что писать?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
28.04.2016, 16:34
Labor, попробуйте футер засунуть в блок wrap... Затем задать такие стили:
CSS
1
2
3
html, body{width:100%; height:100%}
.wrap{height:100%}
.footer-bottom{float:left}
1
0 / 0 / 0
Регистрация: 12.11.2015
Сообщений: 14
28.04.2016, 16:57  [ТС]
ничего не изменился...
0
1 / 1 / 0
Регистрация: 19.10.2015
Сообщений: 24
30.04.2016, 00:52
Посмотрите это видео, примерно на 8-10 минуте рассматривается способ отталкивания вниз футера
https://youtu.be/7gjxE_VEA_4
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
30.04.2016, 00:52
Помогаю со студенческими работами здесь

Footer всегда внизу после последней формы
Здравствуйте, требуется помощь. Делаем сайт под браузерную игру => в нее могут играть как люди, у которых большие мониторы, так и люди, у...

Sidebar и footer сайта находятся слева а не справа и внизу
Добрый день! Помогите советом. Делаю верстку сайта по образцу - сверил с исходником - все совпадает. Есть два файла index.html и...

Разместить footer в самом низу страницы
Привет, слушайте, есть вопрос по css, не знаешь как разместить footer чтобы он был в самом низу страницы и не было отступов по краям и...

Как прибить footer внизу, или как сделать подвал на сайте
пролистал кучу сайтов и конкретного ответа не нашёл возможно ли без jquery с помощью ксс сделать подвал сайта

Как опустить/прижать footer-у меня это не footer к низу?
Доброго времени суток :coffee2: подскажите, как опустить/прижать footer-у меня это не footer, а серый блок к низу? на сайте: tend ....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru