Need help with a wrapper shadow

[deansaddigh]

How do i do it, i know i would use it on a wrapper tag.

 

so something like this

 

#wrapper {
width:960px;
margin-left: 20px;
margin-top:100px;
margin-bottom:20px;
overflow:auto;
background-image:url(../images/wrapper_shadow.png);
background-repeat:repeat-y;
}

 

But how do i make the image in photoshop to have a shadow on each side?

 

Is there anyway some one can do it? or tell me how you do it pretty please 

[chaiwei]

the frame must have shadow on top left right bottom?

or it just left and right?

 

if just left and right,

just create a image with width:960px height 1px

with a shadow on both side.

and repeat-y

 

[SuperBlue]

I posted a Technique which works for shadows as well, you can find it at http://www.phpfreaks.com/forums/index.php/topic,281729.msg1342957.html#msg1342957

 

By using that, you will still be able to use percentages for your widths, and allow for a more flexible layout.

[deansaddigh]

Many many thanks guys, i really appreciate taking the time to explain to me how to do it.