Изменяющая рамка сайта

298

16 мая 2017, 01:51

Привет, ребята. Я верстаю сайт по макету и как вы могли заметить, есть серая рамка, которая должна меняться в зависимости от размера окна браузера, так же как и на сайте http://sumka-opt.ru/. Так вот, как это сделать? Если, что сайт я делаю на opencart

Answer 1

body { 
  background-color: #ddd; 
} 
 
.container { 
  width: 100%; 
  min-width: 320px; 
  max-width: 1200px; 
  min-height: calc(100vh - 2em); 
  margin: 1em auto; 
  box-shadow: 0 0 5px rgba(0, 0, 0, .3); 
  background-color: white; 
}

<div class="container"> 
</div>

Answer 2

На том сайте ширине страницы(основного контента) фиксирована. Там идет обертка .main-wrapper {width:1170px;}. При такой реализации достаточно на body{background-color:#ccc;} и оно автоматически будет заполнять края, НО если ширина меньше 1170px появится горизонтальный скролл.(можете проверить сами) Если это Вам подходит, то решение готово.