Stretching images across the empty sides of a page

I am thinking of adding “gradient” images to the sides of my main page area.
How can I have these gradient images stretch from the edges of the screen to the edges on the main area?
(see attached pic below.)

what you can do is to create big background image, which has gradients on both sides of main area going away from it. make it large so it will cover common sized screens and place is for body background. Let us know if it works for you.

Something like solution 1 here?.

Instead of having them as ads you could place images there :).

No, I think he’s asking for the images width to scale to the available space.

Personally, I don’t think the effect would warrant the effort - I actually think it would look really odd. I’d stick with static images that don’t scale.

If you were to do it, you would need to use inline images 100% height and width of columns 1 and 3.

If you don’t want the images to scale just use a centered background image with the gradient like in this example:
http://www.pmob.co.uk/temp/onepxjog.htm