Как сделать backgrond у сайдбара?

Question

[axblue]

Всем привет. Дайте идейку как сделать такую дизайнерскую "хрень" с сайдбаром. А если подробнее: есть body с белым фоном, но начиная от сайдбара и до конца экрана серый цвет. Смотрите скриншот, всё поймёте.

Answer 1

[Дмитрий Баракин]

Для body применяем следующее:

background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 50%, #f4f4f4 50%);
background: -webkit-linear-gradient(left, #ffffff 50%,#f4f4f4 50%);
background: linear-gradient(to right, #ffffff 50%,#f4f4f4 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );

Для контейнера с основным контентом (новостные блоки, верхняя картинка и т.д.) ставим
background-color: #fff;

а для контейнера с сайдбаром... ничего не ставим :) (то есть он прозрачен)