Автор Тема: Плавает футер. Что делать?  (Прочитано 61 раз)

06 Июля 2016, 22:24:26
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте.
У  меня на сайте плавает футер, то есть футер не прикреплен к низу страницы.
Как его закрепить?
07 Июля 2016, 09:59:36
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 85943
  • Репутация: +25399/-0
  • Сообщество PrestaShop
    • Просмотр профиля
На форуме есть ответы на многие вопросы, используйте поиск. Одна из похожих тем - Как прижать футер к низу экрана
07 Июля 2016, 13:41:53
Ответ #2
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
На форуме есть ответы на многие вопросы, используйте поиск. Одна из похожих тем - Как прижать футер к низу экрана
Читал я эту тему.
Толку ноль!
Помогите плиз.
С престашоп работаю первый раз.
07 Июля 2016, 13:53:20
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 1190
  • Репутация: +28/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Разницы нет с prestashop или wordpress, все в стилях меняется. Измените стили в global.css для класса footer-container (если стандартная тема).
https://habrahabr.ru/post/151320/
07 Июля 2016, 14:25:55
Ответ #4
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Разницы нет с prestashop или wordpress, все в стилях меняется. Измените стили в global.css для  (если стандартная тема).
https://habrahabr.ru/post/151320/
Что именно добавить в класс footer-container?
Обьясните, пожалуйста.
Тема стандартная
07 Июля 2016, 15:02:29
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 13121
  • Репутация: +14553/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В примере, что вам дали, все написано. Переопределите стили для этого класса.
Из примера
#footer {
        position: relative;
margin-top: -150px; ...
Меняте название на свой класс footer-container и т.д.
07 Июля 2016, 15:25:59
Ответ #6
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В примере, что вам дали, все написано. Переопределите стили для этого класса.
Из примера
#footer {
        position: relative;
margin-top: -150px; ...
Меняте название на свой класс footer-container и т.д.
В global.css дописал в footer-container #footer это:
        position: relative;
   margin-top: -150px; /* negative value of footer height */
   height: 150px;
   clear:both;
Не помогло.
07 Июля 2016, 15:55:23
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 2156
  • Репутация: +49/-4
  • Сообщество PrestaShop
    • Просмотр профиля
Правильно, потому что забыл добавить остальное
html, body, #page { height: 100%; }
body > #page{height: auto; min-height: 100%;}
07 Июля 2016, 17:24:25
Ответ #8
  • Новичок
  • *
  • Сообщений: 23
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Правильно, потому что забыл добавить остальное
html, body, #page { height: 100%; }
body > #page{height: auto; min-height: 100%;}
Всеравно!