CSS фон с 2 цветами, которые расширяются по сторонам?

Question

Следующая страница имеет белый (слева) и темно-серый (справа) фон. Я проверил CSS, и у него есть белое фоновое изображение и color: #FFF. Я не могу понять, как он это заархивировал.

Как это сделать?

http://www.voceantica.com/

(Если вы увеличите веб-браузер, оба цвета тоже увеличатся).

Answer 1

У него огромное фоновое изображение на теге html:

html {
  background: url("images/bg.gif") repeat scroll center top #FFFFFF;
}

Проверьте изображение:

http://www.voceantica.com/wp-content/themes/tao/images/bg.gif

Answer 2

Это сделано с очень длинным BG изображением . Установите это как фон html и разместите ваши divs соответственно:)

html {
background:#FFFFFF url(images/bg.gif) repeat scroll center top;
text-align:center;
}

Answer 3

Будет отлично работать при любом разрешении.

body{
    background:url("img/home_page_bg.gif") repeat scroll center top #fff;
    }

Answer 4

Фоновый рисунок имеет ширину 3000 пикселей. Наполовину белый, наполовину темно-серый.