How to apply a gradient background image to left and right borders?
Posted on 2011-04-27
I need to create a web page that will have a gradient background on the left, and a gradient background on the right sides of the page. The gradient needs to extend down the full length of the page regardless of how long the page goes.
But here is the tricky part - the gradient on both sides needs to always occupy the outer most 120 pixels of the page regardless of how the user shrinks or expands the page. It needs to grow out and in as the user resizes the page.
So the page will always have a white center, but will always have a 120 pixel gradient image on the left 120 pixels and always have a 120 pixel gradient image on the rightmost 120 pixels of the page no matter how the user resizes the page.
Is this even possible?