What's the best way to add a shadow effect to sides of page as seen right here?

[RedHotChili]

Originally Posted by eJM

Dontcha just hate it when no one replies - and all these coders hangin' out around here too. Sorry, I'm a bit off tonight and will be spending another Tuesday at the VA clinic attached to a machine. I'll try to help with this after I get home.

Thanks a lot Jim. I was thinking this might have been the wrong forum to post my question, hearing nothing but crickets thus far. I appreciate your taking the time from your busy schedule to post a reply.

Originally Posted by eJM

One quick thought though: think about making a fixed width at 960px - fills a screen nicely for those using a 1024x768 screen resolution and still doesn't look bad at larger. You leave out those still stuck in the 800x600 world though. I don't design for that segment and haven't had anyone complain, but that's not to say no one uses that old setting anymore. Up to you.

I agree with you about ignoring the 800x600 segment of the population - all three of them. And they won't be in my target audience anyway.

Initially I had set my fixed width at 1000px, because I wanted my header/logo image to be that width. (That was about 3 wks ago when I was a total noob. I'm still a noob, but not a total one.) I then wanted to give the sides a professional looking shadow so I set the width to 970. But that's subject to change as I haven't finalized my logo design yet.

Originally Posted by eJM

I just think the great majority use larger resolutions and smaller fixed width designs look lost in a sea of empty pixels. I did opt to circumvent that emptiness by giving wider screens some graphical content to look at on this site: http://www.linomaster.com/ It looks centered in a 1024x768 screen, but it's actually left aligned. You can see the hidden design appear in wider resolutions.

I didn't notice that at first until I expanded my browser window to full screen. Pretty clever. Looks really nice.

Thanks again for your input. Hope all goes well for you today.

--------------- Added [DATE]1239127000[/DATE] at [TIME]1239127000[/TIME] ---------------

Originally Posted by Princeton

it really depends on your style but the background image here is done via CSS


the height of image is 1px

Thanks for the reply, Princeton.

So then essentially the idea is to create an image file as wide as the table width + 2x(width of gradient) and center it and have it repeated in the vertical direction via:

html {background:#131D2F url(your-image-here.jpg) center repeat-y},

where the color code #xxxxxx above corresponds to the lighter color of the gradient?

I think I can figure that out. Thanks for the input.