Многослойный хэдер - как лучше реализовать?

[mankutila]

Добрый день. Нужно сверстать вот такой хэдер у сайта. Вопрос к опытным верстальщикам: как реализовать многослойность фона? Причем чтобы ничего не съезжало при изменении разрешения экрана (т.е. фиксированная серединка оставалась на месте). Были попытки сделать через множественный фон или соединить все в одну картинку фона, но опять же при уменьшении или увеличении масштаба все разлазится.

Как реализовать это нормально?

[satantx]

Привет!

Держи http://jsfiddle.net/satantx/qyd0f8fa/

[Great Rash]

1. Под какие браузеры надо?

2. Тянется по ширине или не тянется?

 

Я б картинками сделал и не парился.

[rus]

можно вот тут сделать: http://www.colorzilla.com/gradient-editor/

и тут: http://angrytools.com/gradient/

и тут: http://www.display-inline.fr/projects/css-gradient/#startType=hex&startValue=aaeeff&endType=hex&endValue=3399cc

[mankutila]

1. Под какие браузеры надо?

2. Тянется по ширине или не тянется?

 

Я б картинками сделал и не парился.

1. Под Chrome, FF, IE 10+, Opera - традиционно)

2. Нужно, чтобы то, что посередине (начиная с лого и заканчивая "в каком вы городе") оставалось на месте, а края тянулись при увеличении

[mankutila]

Привет!

Держи http://jsfiddle.net/satantx/qyd0f8fa/

Спасибо!!