Проблема с тенью по бокам

[prowoke]

Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть:

http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg.

Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол делать 2 блока, чтобы было float: left, float: right и прочую ерунду какую то.

[swetlana]

действительно, кругом одна ерунда.

Надо брать на вооружение модную отмазку graceful degradation, да использовать box-shadow. А для IE — фильтры.

[prowoke]

graceful degradation

Это что значит? Ну а стиль box-shadow он мало в каких браузерах поддерживается, плохо же. Есть ещё какие альтернативы?

[swetlana]

почему мало?

в самых распространённых поддерживается.

Из тех, где не не поддерживается, основной — IE. Там фильтры.

чего ещё для щасья не хватает?

[prowoke]

почему мало?

в самых распространённых поддерживается.

Из тех, где не не поддерживается, основной — IE. Там фильтры.

чего ещё для щасья не хватает?

http://htmlbook.ru/css/box-shadow

3 версии браузера это много? Или это не совсем правда про галочки?

[swetlana]

про вендорные префиксы не забываем.

кстати, очень рекомендую не смотреть по верхам, а читать саму статью.

В ней же всё подробно описано.

Более того: на скриншоте показан сафари, в котором по вашему это не работает.

[prowoke]

Спасибо, вроде всё получилось как хотел.