Footer отображается на разных страницах сайта по разному, как сделать чтобы он был везде одинаковый?

Question

[Resop322]

Foother отображается на разных местах сайта по разному , код(PHP+CSS) и фото(отображений) подвязал
Background на большинстве страниц не растягивается на всю ширину страницы, так же на одних страницах помимо того, что background не растягивается, так ещё и foother не прижат к низу

НЕ ПРАВИЛЬНОЕ

ПРАВИЛЬНОЕ

Comments

[Василий Банников]

Из ваших скриншотов видно только то что по бокам белый фон вместо серого.
Футер то тут при чём?

Ссылка на скачивание php и css кода

А вот так делать не надо

[Resop322]

Василий Банников, так да у меня проблема с background заливкой, а как по другому то показать код если он не помещается?

[Василий Банников]

Resop322, отделить от кода только то, что действительно может влиять на результат.
Убрать php точно - оставить только html и css.
Упростить код, чтобы получился минимально воспроизводимый пример, который будет по логике похож на изначальный, но при этом будет предельно упрощён.

[Resop322]

Василий Банников,
Тогда только css подвешиваю

.footer {
background-image: unset;
background-color: #F3F3F3;
width: 100%;
margin: 0px;
min-width: 1200px;
max-width: none;
}

.footer {
background: url(images/footer.png);
background-size: cover;
font-family: "ProximaNovaRegular", Arial, sans-serif;
font-size: 14px;
overflow: hidden;
}

footer {
width: 1140px;
margin: auto;
}

[Михаил Р.]

Resop322, ссылка на сайт есть?

[Ипатьев]

Ну и при чем здесь РНР?

[Модератор]

Resop322, Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

Answer 1

[Михаил Р.]

Верстка изначально не подразумевает широких блоков, поэтому использовал псевдо-классы с абсолютным позиционированием, чтобы принудительно выйти за пределы родителя, добавить в конец файла со стилями:

.footer {
    position: relative;
    overflow: visible;
}

.footer:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    background: gray;
}

Адрес Вашего CSS: /local/templates/public2016/template_styles.css

Comments

[Resop322]

bacground всё скушал теперь

[Михаил Р.]

Resop322, зашел на Ваш сайт, вижу, что вы вставили только часть css кода, без position: relative; и overflow: visible; для подвала

[Resop322]

А можно ещё вопрос на этой страничке не прижимается foother https://www.rostcom.com/experience-in-educational-...

[Михаил Р.]

Resop322, на странице имеется некий элемент div.bx_sitemap, он и создает пустое пространство. Если его скрыть div.bx_sitemap {display: none} то это будет работать, другой вопрос, что это скорее всего какая то необходимая часть сайта.

[Resop322]

Михаил Р., Я вот поисправлял и в целом у меня теперь только проблема с тем что подвал он какой то высокий чуток

[Resop322]

Ну отступ снизу пропал а вот по высоте немного проблемы