Как сделать background с одной стороны сайта?

Question

[Ваня]

Сайт имеет обычную структуру: шапка, меню справа (как на тостере), контент в центре и подвал. Как сделать весь фон слева от меню определенного цвета. ! Внимание, только эту часть. body {background} не подойдет, так как зальёт правую часть сайта, справа от контента.

Comments

[Ваня]

Лев Солнцев: добавил

Answer 1

[Андрей Федоров]

body {
  background-image: linear-gradient(90deg, #f00 0%, #f00 50%, transparent 51%, transparent 100%);
}

Comments

[Сергей delphinpro]

background-image: linear-gradient(to right, #f00 0%, #f00 50%, transparent 50%, transparent 100%);

[Андрей Федоров]

Сергей: Может лучше свое решение предложите, чем рихтовать работающий код?

[Сергей delphinpro]

Андрей Федоров: Ваше решение вполне адекватное, я зашел в топик, чтобы предложить то же самое. Я лишь сделал уточнение на том, что для четкой границы следовало бы указывать одинаковый процент.

[Андрей Федоров]

Сергей: Все равно граница будет закрыта контентом...

[Ваня]

ну я и извращенец, такого напридумывал, а тут так просто

Answer 2

[Artem Artemov]

Присвоишь div1 какой нибудь идентификатор, например <div id="div1">содержимое блока</div>
а потом уже в css задашь ему нужный фон :

#div1 {
background-color: gray;
}