Как такое сверстать?

Question

[Everot]

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

Answer 1

[SagePtr]

Как-то так? codepen.io/anon/pen/EywNPV

Comments

[Brasileiro]

в макете по другому

Answer 2

[drtvader]

На flex-box https://jsfiddle.net/drtvader/e47cdxzx/1/

Comments

[Brasileiro]

не так в макете

Answer 3

[Brasileiro]

а в чём трудности то ? за вас сделать ?
float:left; и всё

codepen.io/Geyan/pen/PzJbzZ?editors=110 дальше сами тренируйтесь

Comments

[Everot]

Трудность в контейнере. Блок в шапке и сайдбаре должен быть "на одной линии"

[Brasileiro]

Everot: там и так на одной линии

[AlexandrKom]

)))

<родитель style="margin-bottom: 20px">
<блок-сайдбара style="float: left">
<блок-шапки style="float: left">
родитель>

[Everot]

Максим Жаров: Поресайзете окно. Там линии и близко нет

[Brasileiro]

Everot: исправил - проверьте

Answer 4

[Борис Якушев]

Флуд.
Что сложного в этой верстке?
Абсолютно простой макет.

Comments

[Everot]

Ну на пример то, что единственное решение, которое я нашел это хак с гардиентом

[Борис Якушев]

Everot: Какой хак? О чем вы? Данный макет реализовывается элементарно.