Футер не отталкивается вниз при появлении объектов сверху него,?

Question

Rulon Oboevv @the_guyfox

Прогер по жизни

Футер не отталкивается вниз при появлении объектов сверху него,?

Пишу на бут, футер прицепил к низу , всё ок.
Но вот когда появляются объекты поверх, ниже он не идёт, объекты заходят поверх него.

\
В чём ошибка ?

Вопрос задан более трёх лет назад
386 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Пригласить эксперта

Ответы на вопрос 4

5 комментариев

Rulon Oboevv @the_guyfox Автор вопроса

ля я столько потел ради одного стиля,
спс )

Написано более трёх лет назад
Rulon Oboevv @the_guyfox Автор вопроса

погоди, если я уберу абсолютное то он уже не будет к низу прилипать

Написано более трёх лет назад
denis_lunochkin @denis_lunochkin

Rulon Oboevv, суть в том, что низ страницы это не низ экрана, вообще никогда не начинай работу с футера. Сверху вниз всегда делать нужно. Ты поставил в тегах bootstrap, так почему не используешь его? Потрать лучше 20-30 минут на его изучение, изучай только сетку. И больше никогда себя подобным не мучай)

Написано более трёх лет назад
Rulon Oboevv @the_guyfox Автор вопроса

denis_lunochkin, у меня просто многостраничный сайт, я сразу навбар и футер поставил, и работаю ща с центром. Но всё же тогда что делать ?

Написано более трёх лет назад
denis_lunochkin @denis_lunochkin
Не имеет значения сколько страниц на твоем сайте. Во-первых, чтобы избежать дублирования кода на всех страницах сайта, используй include в php. Во-вторых, я не понимаю в чем проблема, если ты сам уже ответил на свой вопрос. Задай просто телу фиксированную высоту, если тебе так мозолит глаз то, что он не внизу. Когда заполнишь сайт, все будет внизу.
<!DOCTYPE html> <html lang="ru"> <head> <title>Settings</title> </head> <body> <header>Шапка</header> <div class="main">Задай стилю main фиксированную высоту, т.к пока ты не заполнишь его контентом, твой футер вниз не опустится)</div> <footer></footer> </body> </html>
Написано более трёх лет назад

2 комментария

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Почему запросы @media не работают на Маилах и как адаптировать письмо?
- 1 подписчик
- час назад
- 33 просмотра
0

ответов
HTML

Простой
Ошибка 'The key «wght» is not recognized and ignored.'?
- 1 подписчик
- 6 часов назад
- 41 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как собрать массив в canvas?
- 1 подписчик
- 17 часов назад
- 104 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Почему при переносе элементов по DOM происходит их дублирование?
- 1 подписчик
- 21 час назад
- 60 просмотров
2

ответа
JavaScript

+3 ещё

Средний
Вопросик в синем прямоугольнике на мобилках за что отвечает?
- 1 подписчик
- 28 июн.
- 197 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как повторить этот эффект авторов?
- 3 подписчика
- 28 июн.
- 304 просмотра
0

ответов
HTML

+2 ещё

Простой
Кривое отображение текста HTML, CSS, как исправить?
- 1 подписчик
- 28 июн.
- 93 просмотра
0

ответов
CSS

Простой
Есть ли какие то нюансы использования в css перенос текста, если не умещается в блок,?
- 2 подписчика
- 28 июн.
- 99 просмотров
2

ответа
CSS

Простой
CSS градиент анимация, убрать жесткие границы?
- 2 подписчика
- 27 июн.
- 141 просмотр
1

ответ
HTML

+2 ещё

Простой
При заполнении пространства строками текста div блока по высоте как переносить текст вторым столбцом?
- 1 подписчик
- 27 июн.
- 50 просмотров
1

ответ
Показать ещё Загружается…

Верстальщик HTML

MST

от 500 $

Frontend developer / HTML-верстальщик (part-time)

HRScan

от 800 до 1 000 €

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Запуск настроенных кампаний в новых регионах (директ и вк)

01 июл. 2024, в 19:57

2000 руб./за проект

Разработать AI ассистента

01 июл. 2024, в 19:42

1500 руб./за проект

Доработка Telegram бота с интеграцией платёжных систем и Google Sheets

01 июл. 2024, в 19:14

10000 руб./за проект

Answer 1 · 2017-09-22 21:28:44

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

Answer 2 · 2017-09-22 21:30:37

Максим @LenovoId

svg, css,js

Для того элемента что выше подвала дай паддинг-боттом равный высоте подвала

Ответ написан более трёх лет назад

2 комментария

Answer 3 · 2017-09-22 21:39:28

перед футером создаешь пустой див с произвольным классом,и в стилях пишешь

.empty {
    height: 115px;
}
.footer {
    height: 115px;
    margin-top: -115px;
    position: relative;
}

Answer 4 · 2017-09-23 06:37:34

Lumore @Lumore

Front-end developer

Используй flex: Stackoverflow

Ответ написан более трёх лет назад

Комментировать

Футер не отталкивается вниз при появлении объектов сверху него,?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт