page back ground gradient

Associate
Joined
18 Sep 2003
Posts
2,368
What is the best way to go about a (varying) horizontal back ground gradient?

ie, take for example what gamespot have done here:

http://uk.gamespot.com/index.html


the frame in the middle that I will use is a fixed width, however given that everyone runs different screen res's how do I get the drop shadow effect either side of the frame? In the past I have just used a background image and lined it up for the popular 1024px screen width, but people not running that res wouldn't be getting the intended effect!
 
Make a 1600 odd pixel wide image, have a fixed-width column for your content, then in the image have two gradients either side of a space the same width as your content. Then apply the background image to your <body>, repeating vertically and aligning top and centre, and set the background colour to whatever colour the gradient fades into. Sorted.
 
Back
Top Bottom