Возможно ли назначть изображение полям (за пределы wrapper'a)?

[centurionkz]

 

Привет всем!

Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера)

В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована)

Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?

[antonKar]

какими средствами можно затемнить эти поля?

1) box-shadow

2) псевдоэлементы и картинка 

[centurionkz]

 

какими средствами можно затемнить эти поля?

1) box-shadow

2) псевдоэлементы и картинка 

 

Спасибо за наводку. Я воспользовался примером отсюда http://jsfiddle.net/lkp_chg/9bj5o8qn   и сделал наконец-таки тени, получился примерно такой код:

 

отрывок для среднего белого дива(содержащий контент)

 

#divshadow{

width: 940px;

    height: 100%;

    margin: auto;

    position: relative;

padding: 0;

margin:0;

}

 

#divshadow:before {

    box-shadow: -120px 0 120px -120px gray inset;

    content: " ";

    height: 100%;

    position: absolute;

    top: 0;

left: -120px;

    width: 120px;

}

 

#divshadow:after {

    box-shadow: 120px 0 120px -120px gray inset;

    content: " ";

    height: 100%;

    position: absolute;

    top: 0;

right: -120px;

    width: 120px;

}

Edited September 24, 2015 by centurionkz