I’m currently building a WordPress theme that I would like to have a header (in the WordPress, not the HTML sense) that fits from corner to corner at the top of the page. Anchoring the far left would be an image that is filled with a solid color on its right side. Anchoring the far right would be an image that is filled with a solid color on its left side.
What I would like to do is fill the intervening space, regardless of browser width, with a gradiant that fades seamlessly from the color on its left to the color on its right. Is there a way to do this via CSS?
Do the gradient as an image in GIMP (one pixel high) and see http://www.cssplay.co.uk/layouts/background.html