Log in

View Full Version : CSS Drop Shadow on both sides of Centered Layout?



agentphish
07-29-2008, 03:55 PM
Hello-
I am new to CSS and am building my first website in all CSS.

I am wondering how to create the drop shadow effect on the edges of a layout that is centered in a web browser...like on http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-22-fixed-fixed/

I Would have the main content area and sidebar both be White, so basically I'm looking at a sandy background color surrounding the layout out there in no man's land, but want to make the white stand out from it a little bit by using a drop shadow. I've seen this effect on many websites that I always assumed used CSS, but I might be wrong.

Can anyone point me in the right direction?

agentphish
07-29-2008, 04:11 PM
Wow...after 40 minutes of looking, I found out just how easy this was right after I posted this.

Thanks to anyone who looked.

boogyman
07-30-2008, 02:31 PM
post a link to help others that might be having this same problem?

apoc.3.21
09-30-2008, 05:47 AM
I need to kno the same thing for my churches website. I need that shadow effect too. Please help.

Medyman
09-30-2008, 11:55 PM
http://www.alistapart.com/articles/cssdropshadows

the penguin
10-01-2008, 07:18 PM
This can be achieved much easier by just creating one background image for your body. ;)

Medyman
10-01-2008, 07:22 PM
This can be achieved much easier by just creating one background image for your body. ;)

Sure, but that's not always possible with dynamic content. For fixed-width and fixed-height layouts, you're probably right.

apoc.3.21
10-02-2008, 05:14 AM
could you walk me through it? kind of don't get it.

chriselviss
07-10-2014, 08:19 AM
More CSS Shadow effects....CSS Shadow examples (http://www.corelangs.com/css/box/shadow.html)

Chris