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

215

Romanov Roman

9 июля 2022, 12:39

1079

Извините, если не в ту ветку.

Как "прижать" подвал сайта к нижнему краю - на страницах, где не слишком много контента? На таких страницах футер перекрывает контент, не находясь в нижнем колонтитуле.
Если контента достаточно, проблема не наблюдается.

Есть шаблон Twentythirteen от разработчиков Wordpress.

Структура (исходный код):

<html lang="ru-RU-lite">
<head>
</head>

<body
<div id="page" class="hfeed site">
<header id="masthead" class="site-header">
<div id="navbar" class="navbar">
<div id="main" class="site-main">
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<article id="post-
<header class="entry-header">
<div class="entry-content">
<div id="tertiary" class="sidebar-container" role="complementary">
<div class="sidebar-inner">
<div class="widget-area">
<footer id="colophon" class="site-footer">

И закрывающиеся теги.

Вот файл стилей:

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:18px;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:Georgia,Cambria,Times New Roman,Times,serif}
body{color:#000;line-height:1.5;margin:0}
a{color:#00c;text-decoration:none}
a:active,a:hover{color:#f60;outline:0}
a:hover{text-decoration:none;transition:220ms ease-in-out}
h1,h2,h3,h4,h5,h6{clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;line-height:1.3;font-weight:400}
h1{font-size:22px;margin:33px 0}
h2{font-size:20px;margin:24px 0;color:#c03}
h3{font-size:18px;margin:22px 0}
h4{font-size:18px;margin:25px 0}
h5{font-size:18px;margin:30px 0}
h6{font-size:18px;margin:36px 0}
b,strong{font-weight:700}
p{margin:0 0 24px}
blockquote{font-size:18px;font-style:normal;font-weight:400;margin:24px 40px}
button,input,select,textarea{font-size:18px;margin:0;max-width:100%;vertical-align:baseline}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
input[type="search"]{-webkit-appearance:textfield;padding-right:2px;width:175px}
.clear:after,.attachment .entry-header:after,.site-footer .widget-area:after,.entry-content:after,.page-content:after,.navigation:after,.nav-links:after,.gallery:after,.comment-form-author:after,.comment-form-email:after,.comment-form-url:after,.comment-body:after{clear:both}
.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.site-footer .widget-area:before,.site-footer .widget-area:after,.entry-content:before,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-form-author:before,.comment-form-author:after,.comment-form-email:before,.comment-form-email:after,.comment-form-url:before,.comment-form-url:after,.comment-body:before,.comment-body:after{content:"";display:table}
button,input,textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;padding:5px}
input,textarea{color:#000}
button,input[type="submit"],input[type="button"],input[type="reset"]{background:#f90;border-radius:3px;color:#fff;display:inline-block;text-decoration:none;padding:5px 7px}
#submit:hover{background-color:#f60;transition:220ms ease-in-out}
.site{background-color:#fff;margin:0 auto;max-width:1600px;width:100%}
.site-main{position:relative}
.site-main .sidebar-container{height:0;position:absolute;top:40px;width:100%;z-index:1}
.site-main .sidebar-inner{margin:0 auto;max-width:1040px}
.site-header{position:relative}
.site-header .home-link{display:block;margin:0 auto;max-width:1080px;padding:10px 20px;text-decoration:none;width:100%}
.site-header .site-title:hover{text-decoration:none}
.site-title{font-size:26px;font-weight:400;line-height:1;margin:0;padding:10px 0;font-family:Georgia,Cambria,Times New Roman,Times,serif;color:#c03}
.site-description{font:400 18px Georgia,Cambria,Times New Roman,Times,serif;margin-top:5px;color:#000}
.main-navigation{clear:both;margin:0 auto;max-width:1080px;min-height:20px;position:relative;margin-top:10px}
ul.nav-menu,div.nav-menu > ul{margin:0;padding:0 20px 0 0}
.nav-menu li{display:inline-block;position:relative}
.nav-menu li a{color:#fff;display:block;font-size:18px;line-height:1;padding:10px 10px 10px 20px;text-decoration:none;font-weight:400}
.nav-menu li:hover > a,.nav-menu li a:hover,.nav-menu li:focus > a,.nav-menu li a:focus{color:#ffc}
.nav-menu .sub-menu,.nav-menu .children{background-color:#220e10;border:2px solid #f7f5e7;border-top:0;padding:0;position:absolute;left:-2px;z-index:99999;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.nav-menu .sub-menu ul,.nav-menu .children ul{border-left:0;left:100%;top:0}
ul.nav-menu ul a,.nav-menu ul ul a{color:#fff;margin:0;width:200px}
ul.nav-menu ul a:hover,.nav-menu ul ul a:hover,ul.nav-menu ul a:focus,.nav-menu ul ul a:focus{background-color:#fff}
ul.nav-menu li:hover > ul,.nav-menu ul li:hover > ul,ul.nav-menu .focus > ul,.nav-menu .focus > ul{clip:inherit;overflow:inherit;height:inherit;width:inherit}
.nav-menu .current_page_item > a,.nav-menu .current_page_ancestor > a,.nav-menu .current-menu-item > a,.nav-menu .current-menu-ancestor > a{color:#ffc;background-color:#f90}
.navbar{background-color:#f90;margin:0 auto;max-width:1600px;width:100%}
.hentry{padding:40px 0}
.entry-header,.entry-content,.entry-summary,.entry-meta{margin:0 auto;max-width:604px;width:100%}
.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta{max-width:1040px;padding:0 376px 0 60px}
.entry-header{margin-bottom:30px}
.entry-title{font-weight:400;margin:0 0 22px;font-size:22px;clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;line-height:1.3;color:#c06}
.entry-title a{color:#00c;font-size:20px}
.entry-title a:hover{color:#f60}
.entry-meta{clear:both;font-size:18px;margin-top:10px}
.entry-meta a{color:#00c}
.entry-meta a:hover{color:#f60}
.entry-content{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;font-size:18px}
.more-link{white-space:nowrap;color:#c00}
.archive-title,.archive-meta{clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;line-height:1.3;margin:0 auto;max-width:1040px;padding:30px 0;width:100%;color:#c06}
.page-title{clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;line-height:1.3;margin:0 auto;max-width:1040px;padding:30px 0;width:100%;color:#c06}
.page-content{margin:0 auto;max-width:604px;padding:40px 0;width:100%}
.sidebar .page-content{margin:0 auto;max-width:1040px;padding:40px 376px 40px 60px}
.error404 .page-header{background-color:#fff}
.error404 .page-title{line-height:1.3;margin:0;padding:20px;position:relative;text-align:center;width:auto}
.error404 .page-header,.error404 .page-content{margin:0 auto;max-width:1040px;padding-bottom:40px;width:100%}
.comments-title,.comment-list,.comment-reply-title,.must-log-in,.comment-respond .comment-form,.comment-respond iframe{display:block;margin-left:auto;margin-right:auto;max-width:604px;width:100%}
.sidebar .comments-title,.sidebar .comment-list,.sidebar .must-log-in,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar .comment-respond .comment-form{max-width:1040px;padding-left:60px;padding-right:376px}
.comments-title{font-size:18px;clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;line-height:1.3;font-weight:400;color:#c00}
.comment-list,.comment-list .children{list-style-type:none;padding:0}
.comment-list .children{margin-left:20px}
.comment-list > li:last-child:after{display:none}
.comment-body{padding:24px 0;position:relative}
.comment-author{float:left;max-width:74px}
.comment-author .avatar{display:block;margin-bottom:10px}
.comment-author .fn{word-wrap:break-word}
.comment-author .fn,.comment-author .url,.comment-reply-link,.comment-reply-login{color:#c03;font-size:18px;font-weight:400}
.says{display:none}
.no-avatars .comment-author{margin:0 0 5px;max-width:100%;position:relative}
.no-avatars .comment-metadata,.no-avatars .comment-content,.no-avatars .comment-list .reply{width:100%}
.comment-list .edit-link{margin-left:20px}
.comment-metadata,.comment-awaiting-moderation,.comment-content,.comment-list .reply{float:right;width:79%;width:-webkit-calc(100% - 124px);width:calc(100% - 124px);word-wrap:break-word}
.comment-meta,.comment-meta a{color:#000;font-size:18px}
.comment-meta a:hover{color:#f60}
.comment-metadata{margin-bottom:15px;margin-top:15px}
.comment-respond{padding:30px 0}
.comment .comment-respond{margin-bottom:20px;padding:20px}
.comment-reply-title{font-size:18px;clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;line-height:1.3;font-weight:400;margin-bottom:22px;color:#c00}
.comment-form .comment-notes{margin-bottom:15px}
.comment-form .comment-form-author,.comment-form .comment-form-email,.comment-form .comment-form-url{margin-bottom:8px}
.comment-form [for="author"],.comment-form [for="email"],.comment-form [for="url"],.comment-form [for="comment"]{float:left;padding:5px 0;width:120px}
.comment-form .required{color:#c00}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{max-width:270px;width:60%}
.comment-form textarea{width:100%}
.mu_alert{margin-top:25px}
.site-main .mu_register input[type="submit"],.site-main .mu_register #blog_title,.site-main .mu_register #user_email,.site-main .mu_register #blogname,.site-main .mu_register #user_name{font-size:inherit;width:270px}
.site-main .mu_register input[type="submit"]{width:auto}
.site-main .widget-area{float:right;width:300px}
.widget{font-size:18px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin:0 0 24px;padding:20px;word-wrap:break-word}
.widget .widget-title{margin:0 0 10px;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;font-size:18px;color:#c00;line-height:1.3}
.widget ul,.widget ol{list-style-type:circle;margin-left:18px;padding:0}
.widget li{padding:5px 0}
.widget .children li:last-child{padding-bottom:0}
.widget li > ul,.widget li > ol{margin-left:20px}
.widget a{color:#00c}
.widget a:hover{color:#f60}
.search-form .search-submit{padding:5px 10px 10px;height:33px}
.search-submit:hover{background-color:#f60;transition:220ms ease-in-out}
.widget_text ul,.widget_text ol{padding-left:20px;margin-bottom:16px}
.widget_text li:last-child{padding-bottom:0}
.widget_text li > ul,.widget_text li > ol{margin-bottom:0}
.widget_text ul{list-style-type:circle;margin-left:18px;padding:0}
.widget_text ol{list-style:decimal}
.site-footer{background-color:#fff;color:#666;font-size:18px;text-align:center}
.site-info{margin:0 auto;max-width:1040px;padding:30px 10px;width:100%;text-align:center}
.yarpp-related ol li{margin-bottom:10px;margin-left:-22px;list-style-type:circle}
.nav-title,.share-title,.related-title{font-size:18px;margin:22px 0;clear:both;font-family:Georgia,Cambria,Times New Roman,Times,serif;line-height:1.3;font-weight:400;color:#c00}
.nav-next{margin-top:10px}
.wp-pagenavi a,.wp-pagenavi span{padding-left:7px;padding-right:7px;display:inline-block;font-weight:400;font-size:18px;margin:15px 10px}
.wp-pagenavi span.current{padding-left:7px;padding-right:7px;display:inline-block;font-weight:400;font-size:18px;color:#c00;margin:15px 10px}
.wp-pagenavi{text-align:center}
.meta-single{margin-bottom:15px}
.breadcrumbs-single{margin-bottom:15px;color:#000}
.breadcrumbs-single a{color:#00c}
.breadcrumbs-single a:hover{color:#f60}
.ya-share2{margin-top:30px;margin-bottom:30px}
.search-form{margin-top:30px}
@media (max-width: 1599px) {
.site{border:0}
}
@media (max-width: 1069px) {
.error404 .page-header{margin-left:auto;max-width:604px;width:100%}
.archive-header,.search .page-header,.archive .page-header,.blog .page-header,.error404 .page-content,.search .page-content,.archive .page-content,.attachment .entry-header,.attachment .entry-content,.post-navigation .nav-links,.sidebar .site-info,.site-footer .widget-area{padding-left:20px;padding-right:20px}
.error404 .page-title{font-size:22px}
.error404 .page-title:before{font-size:554px}
.site-main .widget-area{margin-right:60px}
}
@media (max-width: 999px) {
.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta,.sidebar .comment-list,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar .comment-respond .comment-form,.sidebar .featured-gallery,.sidebar .post-navigation .nav-links,.author.sidebar .author-info{max-width:604px;padding-left:0;padding-right:0}
.sidebar .site-info,.search.sidebar .page-content,.blog.sidebar .page-content,.attachment .entry-header,.sidebar .comments-title{max-width:604px}
.sidebar .archive-meta,.attachment .entry-header,.search.sidebar .page-content,.blog.sidebar .page-content,.sidebar .site-info,.sidebar .comments-title,.sidebar .no-comments{padding-left:0;padding-right:0}
.site-main .sidebar-container{height:auto;margin:0 auto;max-width:604px;position:relative;top:20px}
.site-main .widget-area{float:none;margin:0;width:100%}
.sidebar .site-footer .widget-area{max-width:100%;left:0}
}
@media (max-width: 767px) {
.site-header .home-link{min-height:0}
.site-title{font-size:26px;padding:10px 0}
}
@media (max-width: 643px) {
.site-title{font-size:26px}
#content .entry-header,#content .entry-content,#content .entry-summary,#content footer.entry-meta,#content .featured-gallery,.search.sidebar .page-content,.blog.sidebar .page-content,.sidebar .post-navigation .nav-links,.paging-navigation .nav-links,#content .author-info,.comments-area .comments-title,.comments-area .comment-list,.comments-area .comment-navigation,.comment-respond,.sidebar .site-info,.sidebar .paging-navigation .nav-links{padding-left:20px;padding-right:20px}
#content .format-status .entry-content,#content .format-status .entry-met{padding-left:35px}
.entry-title,.format-chat .entry-title,.format-image .entry-title,.format-gallery .entry-title,.format-video .entry-title{font-size:22px;font-weight:400}
.format-quote blockquote,.format-status .entry-content{font-size:18px}
.comment-author{margin-right:30px}
.comment-author .avatar{height:auto;max-width:100%}
.comment-metadata,.comment-content,.comment-list .reply{width:70%;width:-webkit-calc(100% - 104px);width:calc(100% - 104px)}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:-webkit-calc(100% - 120px);width:calc(100% - 120px)}
.comment-form textarea{height:80px}
}
@media (max-width: 359px) {
.site-title{font-weight:400}
.comment-author{margin:0 0 5px;max-width:100%}
.comment-author .avatar{display:inline;margin:0 5px 0 0;max-width:20px}
.comment-metadata,.comment-content,.comment-list .reply{width:100%}
}

Всем удачи в продвижении сайтов. Будьте здоровы и счастливы, а остальное - "приложится".

S

125

softter

9 июля 2022, 13:10

#1

Что за код такой. Не один div не закрыт,

про

<article id="post-

вообще без комментариев

P/S

Поиграйтесь для блока с контентом настройками стилей

width: 100%;

min-width: xxxpx; (где ххх минимальная высота блока в пикселях)

1

Помогите с версткой на Тому кто решит задачку Google AdSense - Вопросы

W1

306

webinfo

9 июля 2022, 13:12

#2

Romanov Roman :
И закрывающиеся теги.

Вы не в курсе, что элементы могут быть вложенными?

Мой форум - https://webinfo.guru –Там я всегда на связи

S

125

softter

9 июля 2022, 13:15

#3

del

S

125

softter

9 июля 2022, 13:16

#4

webinfo #:

Вы не в курсе, что элементы могут быть вложенными?

Я в курсе, но там получается футер вложен в блоки с контетом, меню и т.д???

W1

306

webinfo

9 июля 2022, 13:20

#5

softter #:
Я в курсе

А при чём тут Вы? Я не Вам отвечал.

S

125

softter

9 июля 2022, 13:24

#6

webinfo #:

А при чём тут Вы? Я не Вам отвечал.

Прошу прощения, затупил.

1

215

Romanov Roman

9 июля 2022, 14:13

#7

softter #:
Что за код такой. Не один div не закрыт.

Дивы закрыты.

webinfo #:
Вы не в курсе, что элементы могут быть вложенными?

В курсе, разумеется.
Это Ваш ответ на вопрос в заголовке)

215

Romanov Roman

9 июля 2022, 14:20

#8

Ладно, ребята, не утруждайтесь.
Всё равно верный ответ знает только разработчик.
Попробую написать ему напрямую.

Всем благодарен за помощь.

K6

95

katz666

9 июля 2022, 15:26

#9

через z-index кажется

посмотрите какое там у Вас значение для footer

или просто в боковое меню добавьте всяких блоков

дешевые VIP VPS: https://clck.ru/324vy9

215

Romanov Roman

9 июля 2022, 15:35

#10

katz666 #:
Или просто в боковое меню добавьте всяких блоков

Если говорить предельно открыто, мне футер без особой надобности.
Банально закрасил его в белый цвет.
Нет футера, нет проблемы.

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Маркетинг для шоколадной фабрики. На 34% выше средний чек