Фиксированный и центрированный макет

317
09 марта 2017, 21:21

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

Answer 1

Задавать ширину контента. Например 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>

READ ALSO
Как верстать пиксель в пиксель?

Как верстать пиксель в пиксель?

Посоветуйте различные расширения или другие пути верстки пиксель в пиксель

318
Crispy forms horizontal

Crispy forms horizontal

Не могу вывести crispy forms в горизонтальный видКто сталкивался с данной проблемой?

377
Как правильно использовать asp-validation-summary=&ldquo;ModelOnly&rdquo;

Как правильно использовать asp-validation-summary=“ModelOnly”

Пытаюсь вывести ошибки валидации уровня модели следующим образом:

314