Link to home
Start Free TrialLog in
Avatar of go4java
go4java

asked on

Background color // vertically floating from white to light grey

I need to change the background of a CSS/HTML page. The page is limited to 800px in width and I want to fill the left and right remaining area of the screen with an floating background from white at the top to light grey at the bottom (end of the page).
How to do this? Without disturbing existing CSS?
Avatar of glcummins
glcummins
Flag of United States of America image

>> from white at the top to light grey at the bottom

This is called a gradient. You will not be able to do this with a background image, because (I assume) the height of your page is not fixed.

For information on creating gradients using CSS, please see this page:

 http://www.designdetector.com/2005/09/css-gradients-demo.php

This will not be easy, but it can be done. Please examine the demos and complete instructions on the page provided.
Avatar of go4java
go4java

ASKER

...is there a solution without server side scripting?
SOLUTION
Avatar of glcummins
glcummins
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of go4java

ASKER

...is this browser-independent (MSIE + FF)?
It appears to be, according to the author's text on that page.
Avatar of go4java

ASKER

No it doesn't. IE works, FF result is crap.
Who actually has practical experience with a cross-browser (MSIE + FF) CSS based gradient?
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial