CSS Background для расширения на всю ширину страницы

Question

Я использую 960 GS для макета моей веб-страницы, поэтому все по центру в ширину 960 пикселей. Однако в сетке есть строка, в которой я хочу, чтобы цвет фона расширялся по всей ширине страницы, а не только по ширине сетки 960 пикселей.

Подумайте нижний колонтитул на Envato (хотя он мне не нужен для прокрутки).

Есть идеи? Буду очень признателен.

Answer 1

Я немного использую сетку 960 и также сталкивался с этим сценарием. Что я обычно делаю, это выделяю из основного контейнера (например, container_12) и добавляю обертку вокруг него, чтобы получить фон полной ширины. Возьмите следующий пример:

<div id="header">
    <div class="container_12">...</div>
</div>
<div id="content">
    <div class="container_12">...</div>
</div>
<div id="footer">
    <div class="container_12">...</div>
</div>

Тогда я могу просто применить фон полной ширины к #header, и container_12 останется фиксированной шириной и по центру.

Answer 2

Я не использую 960GS, но, возможно, это то, что вам нужно:

http://gandrweb.com/blog/comments/960-grid-system-full-width-backgrounds

Answer 3

Я не понял, что вы имеете в виду именно потому, что ваш фон зависит от разрешения экрана пользователя, но, как правило, если вы устанавливаете ширину и маржу html в автоматический режим, он будет царапать всю страницу, если пользователь увеличит или увеличит разрешение , для прокрутки вы также можете достичь того, что вы ищете. надеюсь, это поможет вам.