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

Question

Rulon Oboevv @the_guyfox

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

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

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

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

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

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

Подписаться 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 комментария

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

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

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

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

JavaScript

+2 ещё

Простой
Как подключить 3D персонажа в three.js?
- 1 подписчик
- час назад
- 17 просмотров
0

ответов
HTML

+1 ещё

Простой
Как сделать блок такой же формы?
- 1 подписчик
- 2 часа назад
- 61 просмотр
0

ответов
HTML

+1 ещё

Простой
Как лучше сверстать элемент?
- 1 подписчик
- 11 часов назад
- 74 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 21 час назад
- 103 просмотра
1

ответ
CSS

Простой
Как с помощью CSS при наведении курсора менять цвет рамки сразу у нескольких карточек?
- 1 подписчик
- вчера
- 77 просмотров
0

ответов
CSS

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

ответ
HTML

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- 20 дек.
- 33 просмотра
1

ответ
CSS

Средний
Как сделать сквозную нумерацию неупорядоченных списков?
- 1 подписчик
- 20 дек.
- 69 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 107 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 95 просмотров
1

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

CRM Bitrix24 разработчик

World Vision Clinic • Москва

от 170 000 ₽

Дизайн E-Mail рассылки на новый год (отправка 25.12)

23 дек. 2024, в 12:37

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

Перенести анимацию из MP4 в lottie

23 дек. 2024, в 11:45

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

Необходимо провести ревизию и внести правки в софт для Solana

23 дек. 2024, в 11:27

2000 руб./в час

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

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

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

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

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

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

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