Могли бы Вы подсказать мне, как именно нужно подойти к верстке данного блока?
Мне нужно сделать так, чтобы меню в оранжевом блоке подстраивалось под ширину контейнера (допустим: "margin: 0 auto;width: 1024px;"). Но сам фон оранжевого блока начинался от правого края экрана и тянулся до логотипа.
https://jsfiddle.net/pvfxnnyt/1/ - суть подхода https://jsfiddle.net/v2s0z12v/ - моя реализация
Надеюсь, суть понятна.
Для шапки задаем градиентную заливку на 50%.
Меню картинкой будет и оно перекроет "стык".
Ну, или фон картинкой, как в макете.
Хотя я сделал бы просто цвет, там удобно.
Через absolute еще можно, но я не люблю его.
wagwan: я бы на твоем месте сделал для header цвет, как есть сейчас. а вот для меню фоновую картинку с выравниванием по правому краю. критично чтобы правый кусок был тоже картинкой?
wagwan: ну, в принципе, всё тоже самое, только нужен еще один див. для header задать фоновую картинку. для header_inner сделать градиент только не оранжевого цвета, а белого. и дальше тоже самое, для меню такой же фон картинкой, как у header.
