side gradient/ shadow effect

[moondance]

i have a main div which is centered in the page, and holds the page content.

I was wondering how to get that effect where its like theres a shadow or gradient on the left / right borders of the main div, so it stands out more from the background?

thanks.

[PhillMc]

You'll need an image of a gradient to get this to work cross-browser. Microsoft has a proprietary method of this, but it will only work in IE. :)

[davidbrent]

http://www.1976design.com/blog/archive/2003/11/14/shadows/

check it out.
best wishes,
David

[PhillMc]

Good link, David. I'll learn something from that. :)

[pawky]

Originally posted by davidbrent
http://www.1976design.com/blog/archive/2003/11/14/shadows/

check it out.
best wishes,
David


looks like that could help me learn a thing or too as well :P thx :)

[davidbrent]

Originally posted by PhillMc
Good link, David. I'll learn something from that. :) Originally posted by pawky
looks like that could help me learn a thing or too as well :P thx :)
Originally posted by moondance
great, simple, well explained. Love the minimal mark-up approach. Thanks for the link.
No problem! Glad i could help!

Best Wishes,
David

[moondance]

Originally posted by davidbrent
http://www.1976design.com/blog/archive/2003/11/14/shadows/

check it out.
best wishes,
David

great, simple, well explained. Love the minimal mark-up approach. Thanks for the link.

loving that real-time image by the way.

[ray326]

I thought that looked familiar. Here's a follow up on ALA.

http://www.alistapart.com/articles/cssdropshadows/