Создание

с тенью только слева и справа

Моя цель - добавить тень слева и справа от #container div , ширина которого составляет 960 пикселей.

#container сам по себе содержит заголовок, навигационное меню, основное содержимое, боковую панель и стопу. Но сам заголовок выступает из #container с настраиваемой шириной из-за графики.

Таким образом, он не получает тени, добавленной справа и слева. Только навигационное меню вниз нуждается в дропе. Это связано с тем, что заголовок имеет нестандартную ширину и выступает за пределы самого #container . Тень слева и справа от уже выступающей вещи испортит эстетику.

Для лучшей визуализации мой сайт похож на http://www.doubleyourdating.com/ , но элемент заголовка выступает с обеих сторон.

Я попытался добавить тень слева и справа от #container из меню навигации вниз с помощью следующих решений:

1. Я сделал фотошоп для изображения высотой 1 пиксель и шириной 1010 пикселей, которое содержит 25 пикселей «выцветания» на противоположных концах. Я использовал CSS как #container div background-image , но, вероятно, из-за того, что сам #container имеет ширину 960 пикселей, фон шириной 1010 пикселей не может отображаться. Обратите внимание, что изменение ширины 960 пикселей создаст каскад смерти в этом простом макете из двух столбцов. он по-прежнему остается 3.0.0

   Из любопытства я создал новый проект Rails 3.0.0, а затем запустил на нем обновление пакета ... и он по-прежнему говорит "using rails 3.0.0", почему? А как сделать bundle update обновлением до 3.0.5? (кроме очевидного способа изменить Gemfile вручную)

   (Я даже пытался изменить sqlite3-ruby на sqlite3 в Gemfile , потому что 3.0 .5, похоже, использует вместо него sqlite3 . И rails и sqlite3 - единственные 2 драгоценных камня, перечисленные в Gemfile )