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

Question

Rulon Oboevv @the_guyfox

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

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

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

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

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

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

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

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

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

Ответы на вопрос 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

Простой
Поему не срабатывает стиль шрифта?
- 1 подписчик
- 20 окт.
- 135 просмотров
0

ответов
CSS

+1 ещё

Простой
Почему после изменений в css на сайте нет изменений?
- 1 подписчик
- 13 окт.
- 210 просмотров
3

ответа
CSS

Простой
Как выровнять в гриде по горизонтали?
- 1 подписчик
- 13 окт.
- 143 просмотра
1

ответ
HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 127 просмотров
1

ответ
CSS

+2 ещё

Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
- 2 подписчика
- 02 окт.
- 103 просмотра
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 147 просмотров
1

ответ
CSS

Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
- 2 подписчика
- 26 сент.
- 154 просмотра
2

ответа
CSS

Простой
CSS3 как выбрать последние 4 элемента?
- 1 подписчик
- 25 сент.
- 207 просмотров
2

ответа
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 454 просмотра
2

ответа
CSS

Простой
Как заставить css-variables перевычисляться?
- 1 подписчик
- 23 сент.
- 176 просмотров
1

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

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Web-разработчик

ЭНДИ Консалтинг

от 40 000 до 40 000 ₽

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

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

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

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

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

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

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