Задать вопрос
@pashabomber

Как сделать, чтобы фон тянулся на всю страницу?

fidlar.ru

Сверху идет шапка светло-бежевого фона. Она тянется под экран.

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

Как это поправить? Ничего в голову не идет.

a42c72c3a8.jpg
  • Вопрос задан
  • 3010 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
fr_end
@fr_end
Frontend разработчик
У вас у содержимого ширина фиксированная, 941px, а у шапки резиновая.
Пропишите в header min-width, например 955px
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 4
@IceJOKER
Web/Android developer
min-width установите
Ответ написан
Nidora
@Nidora
Бонус 200 руб всем новым клиентам! VDS - 149 руб
.background{
   position: absolute;
   z-index: 0;
   width: 100%;
Ответ написан
Комментировать
@pashabomber Автор вопроса
Спасибо!
Ответ написан
Комментировать
header {
  min-width: 941px; // Ширина wrap
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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