Apply a Drop Shadow to my page

[gms3651]

Hello,
How do I add a drop shadow to my entire page. Notice the page <snip> that page contains a shadow along the left and right side. Does anybody know how I would do this is CSS?

Thanks

[edited by: SuzyUK at 2:27 pm (utc) on Oct. 25, 2006]
[edit reason] sorry no URLs : see TOS #13 [WebmasterWorld.com] [/edit]

[Setek]

Hi :)

Please remember you're not allowed to drop URIs like that - please see the Webmaster World Terms of Service [webmasterworld.com] and the CSS Forum Charter [webmasterworld.com].

About your question, this isn't so much a CSS thing as it is a background image thing - you make a 1px high image with a drop shadow on it, and then in the CSS for your containing element, you simply set it as a background image with

background-repeat: repeat-y;

.

[gms3651]

Ok,
I got the left side of the page to display the shadow. I added the two CSS properties to my Container id. However, now I'm not sure how to get it so that the right side displays a shadow. I'm assuming that the the left and right side uses different image files. And how would I display the right shadow since I already use the backgroud property for the left shadow?

Thank for your help.

[jessejump]

They are using a 778 X 12 image for the background and tiling it Y.

Save the whole page and opn it up on your computer; you'll see how it all works.

Or in Firefox, Right click, view BG image.