Разделы Body и Background разделены с помощью CSS

Question

Как отделить область тела / контента моего сайта от фона с помощью CSS.Чтобы показать вам, что я имею в виду, просто посмотрите на прилагаемую картинку.Таким образом, фон по бокам будет распространяться на людей с действительно большими мониторами, но контент всегда будет иметь одинаковый размер.

Answer 1

Попробуйте это.

body {
  background: #000;
  padding: 50px;
}

#content {
  width: 960px;
  background: #fff;
}

Answer 2

Если я правильно понял ваш вопрос, то вы ищете обертку.

Поместите фоновое изображение на тело, а затем используйте div с этим правилом css для содержимого:

.wrapper {
  width: 960px;
  margin: 0 auto;
}

Вы можете использовать его в html следующим образом:

<div class="wrapper">
 Content here
</div>

Значение WIDTH должно быть именно того размера, который вы хотите для своего «окна содержимого», а свойство margin просто централизовать его независимо от размерамонитор.

Answer 3

body {
  background-color: #f0e0af;
  text-align: center;
}
.container {
  background-color: #fbf6e2;
  width: 1000px;
  margin: 0 auto;
}

.container является div.

Answer 4

#content {
  width:600px; 
  margin: 0 auto;
}   

<div id="content">
    Your content goes here
</div>

Answer 5

используйте следующий CSS:

content {
  width: 980px; // or your desired width
  margin: 0 auto; // horizontally center it
}

Пример http://jsfiddle.net/SsPGS/