Как "прижать" подвал (footer) сайта на WordPress к нижнему краю?

12
totamon
На сайте с 12.05.2007
Offline
437
#11
Romanov Roman #:
Ладно, ребята, не утруждайтесь.
да нам не сложно ваш заголовок вбить в яндекс и найти 100500 ответов🤔
Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
Romanov Roman
На сайте с 21.06.2018
Offline
194
#12
totamon #:
да нам не сложно ваш заголовок вбить в яндекс и найти 100500 ответов🤔

Вот спасибо огромное.
Только я уже вбивал. И гридами пробовал, и флексами - не вышло.
Ничего страшного, как-нибудь переживу.
https://prowebmastering.ru/css-kak-prizhat-futer-k-nizu-stranicy.html
По аналогии сделать не получилось - способностей нет.

Всем удачи в продвижении сайтов. Будьте здоровы и счастливы, а остальное - "приложится".
SS
На сайте с 15.12.2015
Offline
83
#13
Romanov Roman #:

Вот спасибо огромное.
Только я уже вбивал. И гридами пробовал, и флексами - не вышло.
Ничего страшного, как-нибудь переживу.
https://prowebmastering.ru/css-kak-prizhat-futer-k-nizu-stranicy.html
По аналогии сделать не получилось - способностей нет.

Вам нужно минимальную высоту для блока с контентом задать и тогда футер не будет парить при малом контенте.

Типа:

<div style="height: 200px">шапка</div>
<div style="min-height: 800px">контент которого мало</div>
<div style="height:  200px">футер</div>



Либо так, что бы был к низу приклеен:

<div style="position:relative; min-height: 1200px">
        <div >шапка</div>
        <div >контент которого мало</div>
        <div style="position:absolute; bottom 0">футер</div>
</div>

Размещение естественных ссылок на тематических порталах, отзовиках, справочниках (/ru/forum/1013919)
W1
На сайте с 22.01.2021
Offline
291
#14
Romanov Roman #:
Это Ваш ответ на вопрос в заголовке)

Это мой ответ на ту бесполезную писанину, которую Вы почему- то назвали " Структура (исходный код)". Нет там ни структуры, ни исходного кода. Есть только бессмысленный набор строк.

Мой форум - https://webinfo.guru –Там я всегда на связи
Сергей
На сайте с 10.07.2022
Offline
43
#15
<header style="min-height:100px;background:#999">
header
</header>

<main style="min-height:calc(100vh - 100px);background:#eee">
main
</main>

<footer style="position:fixed;bottom:0;width:100%;height:200px;background:#333">
footer
</footer>
https://codebeautify.org/htmlviewer/y226c27c0
Юрист по недвижимости в Москве и Московской области https://pravozem.ru/ сопровождение сделок, регистрация домов, оформление строительства
Romanov Roman
На сайте с 21.06.2018
Offline
194
#16
Всем благодарен. Вопрос решён. Сам разобрался...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий