Боковое заполнение, когда ширина превышает 1280 пикселей

Question

Я хочу сделать веб-сайт, который заполняет ширину страницы до 100% для всех значений ширины (доступного пространства), меньших или равных 1280px, и для всех значений ширины, превышающих 1280, должны появиться две боковые полосы заполнения (например, | заполнить |)

.

(Как) я могу сделать это без сценариев? (используя настройки CSS?)

Answer 1

Вы можете использовать что-то вроде этого:

#content {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

Это относится к стилю, примененному к div, который имеет все содержимое страницы.

Твоими «боковыми панелями» будет любой фон body.

Answer 2

Хотите ли вы содержимое в битах «заливки» или просто в виде границ? Если это просто граница, вы можете использовать фоновое изображение / цвет, чтобы создать эффект заливки, и использовать максимальную ширину в бите основного содержимого. Имейте в виду, что он не будет работать в IE6, если это важно для вас.

<div style="max-width: (bar width * 2) + 1280">

    <div style="max-width: 1280px">

        <!-- content -->

    </div>

</div>