Treehouse: Grow your CSS skills. Land your dream job.

..Help with adding shadows to DIV’s

  • # June 27, 2008 at 12:06 pm


    First of all I’d just like to say thanks to Chris for a great site! I always look at the stuff that you do and it’s really cool. When I have my "ah-ha" moment maybe I’ll put some of it into practice!

    So yeah "Hi" everyone!!

    I was wondering if anybody could help me to implement some shadows using CSS onto my main "wrap" DIV. The page is loacted here: and I am wanting to add a shadow to the main (White) content area. How could I do this, I’ve tried using a tutorial I found but it didn’t work and I’m using what is to me a complex stylesheet so I’m not sure how to get the required results! I would like a shadow to both sides of the area.

    Any help would be greatly appreciated!


    # June 27, 2008 at 7:30 pm

    The way I have added shadows to the outside of this current design of CSS-Tricks is by applying a background image to the main div area, and repeating it vertically.

    With your fixed width design, you could easily do this as well.

    Good luck!

    # June 28, 2008 at 6:44 am

    Thanks, I think I cracked it.. Albeit using the Dreamweaver functions!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.