Как сделать отступ для всего контента на сайте?

Question

[rudaki29rus]

Здравствуйте, есть вот такой макет. Как сделать отступ слева и справа для всего контента на сайте, а не задавать в каждом блоке для крайних тегов?

Answer 1

[Игорь Воронов]

По-нормальному никак.
Чем вас смущает 4-5 блоков с одним классом? Классы для этого и созданы ;)

Answer 2

[Aleksandr]

body {padding: 0 20px;}

Comments

[rudaki29rus]

А разве в этом случае не будет отступ для всего от края браузера? Надо что б фон блоков был до краев, а контент внутри с отступами.

[Aleksandr]

rudaki29rus: верно, создайте один какой-нибудь .wrapper и пропишите ему padding.

Answer 3

[Ankhena]

Создаете класс, например, padd
ему задаете
{padding: 0 20px;}

каждая "строка" макета выглядит так:

<div class="padd wrapper1">
  <div class="div1">
  </div>
</div>

ну или margin внутреннему, как больше нравится и что там в макете с резиновостью.

Answer 4

[xtala zen]

Обернуть весь контент в один блок задать ему класс, а лучше Id и задавать параметры по вкусу. Но тут может возникнуть затык с цветными полосами на бекграунде, которые судя по всему должны растягиваться в бесконечность. Поэтому все таки лучше класс для div например .content_block и оборачивать в него блоки которые идут сверху вниз.

Answer 5

[Денис Т]

либо класс с падингом, либо врапер
других решений пока не приходит в голову