Question

При открытии сайта с мобильных устройств ширина body и footer становится равна 980px, при этом ширина содержимого footer ломается, вместо фона по всей ширине экрана он становится равен 980px как исправить?

Answer 1

задайте своей картинке в футере или свойсвтво repeat http://htmlbook.ru/css/background-repeat или ширину 100%

Comments

Не работает, им некуда расширяться, упираются в значение ширины 980px. Проблема в чем то другом.

---

Иван Иванов #25,

Да, проблема в другом. Вы ранее удалили с стилей те стили которые отвечали за адаптивность шаблона и его элементов, в итоге нарушили корректное отображение дизайна. Сейчас же нужно по отдельности писать условия в стили для разных разрешений и задавать отдельные фиксированные размеры.

---

Yuri_Geruk,

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

---

Иван Иванов #25,

Конкретный пример, например для разрешения для Айфонов 10-х:

@media (min-width: 375px) {#footer{width: 1180px!important;}}

в качестве разрешения задано 375 это размер ширины экрана айфона, далее 1180 это задана ширина футера для этих устройств. Настраивайте новые условия под другие разрешения как вам нужно.