0

введите сюда описание изображенияЕсть макет, ширина которого 1638px. Фон за footer-ом/header-ом тянется, т.е. черный фон хедера при изменении масштаба должен быть на всю ширину окна, а контент центрирован, сайт не резиновый. Каким образом это реализовать? Помогите, пожалуйста

1
  • При изменении ширины области просмотра или всё же при изменении масштаба?
    – Kirill
    Commented 7 мар. 2017 в 21:05

1 ответ 1

0

Задавать ширину контента. Например max-width: 1200px. А цвет фона задавать его родителю без привязки к ширине, ну или 100% ставить.

section {
  background-color: blue;
  padding: 7%;
}

.content {
  max-width: 400px;
  margin: 0 auto;
}

.block {
  display: inline-block;
  width: calc(33% - 20px);
  height: 65px;
  background-color: green;
}
<section>
  <div class="content">
    <div class="block"></div>
    <div class="block"></div>
    <div class="block"></div>
  </div>
</section>

2
  • Каким образом задать ширину 1638px?
    – kitik
    Commented 8 мар. 2017 в 14:14
  • В свойстве max-width можете какую хотите ширину задать
    – eavam
    Commented 8 мар. 2017 в 14:42

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.