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

Question

[freeman0204]

Вот скрин screenshot.ru/fd3898a577d0f04399cb6e54462f96c9 . Как я предполагаю паттерн этот применяется к тегу боди, я так и сделал. Меню у меня позишн абсолют. Фишка в том что когда я делаю отступ шапки сверху то отступает и белый фон контейнера. Как можно сверстать такой макет? Пытался по разному переставлять контейнер в штмл, не получилось.
Код Сделал для фона z-index. Теперь и текст контейнера снизу.

Посмотрите на скрин там видно что белый фон идет с самого верха и до низу. А Меню располагается сверху, и его текст видно. НО отступ сверху есть только в меню.

Answer 1

[Александр Карпов]

может я вас не так понял, но кажется вы перемудрили codepen.io/anon/pen/dMYpNE

Сделайте вашу ленточку отдельным div-ом

Comments

[freeman0204]

Этот фон должен быть виден и здесь (стрелочка на скрнине) screenshot.ru/4add4df2e6ac3004ccfde5595c569d10

[Александр Карпов]

Понял вроде codepen.io/anon/pen/dMYpNE

[freeman0204]

Александр К: Спасибо! Очень помог!

[freeman0204]

Александр К: Только заметил. У меня там падинги. codepen.io/anon/pen/RaWGqa Как сделать что бы эти финдиклюшки по бокам были за фоном? Как это было без маддингов.

[Павел]

krasivaya-huynya , лайк :)

[Александр Карпов]

Артур Черешнюк: я не совсем понял, зачем фоном? попробуйте пояснить

[freeman0204]

Александр К: screenshot.ru/d29540b696e6a0bd5a461a59df2e0307 что бы krasivaya-huynya ) начиналась с начала зеленого фона. А текст так и оставался с отступом.

[Александр Карпов]

Артур Черешнюк: если вам так сложно, можете мне в скайп позвонить, тут я ничегошеньки не могу понять)) он указан в профайле моем