CSS Coding for Gradient Color Background for all Platforms

[garcosta]

Can anyone help me with correcting my coding for taking a gradient color background that goes from rust color at the top to black at the bottom in the vertical y direction that repeats in the x direction. I am using a jpg that is a little wider than 1 px that repeats in the x direction. My problem is that I am not getting it to fill in the total height of the page for some pages in various web browsers. What coding correction can be made to make it fill in the total height of the page?

I am using this code in my CSS sheet.

/* Body text and page background */
body {
margin: 0;
padding: 0;
font-family:"Book Antiqua", Times, Serif;
font-size: large;
color:#000000;
background-image: url("pics/black-brown.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
text-align:left;
}

Can the Y direction be set to 100% or something like that?

 

[spamjim]

This image is only 720 pixels tall so the remainder of the page footer on larger displays (ie: any modern display) should probably be black.

background-color: black;

 

[garcosta]

Thanks for that. I didn't think of that solution but it works great.

 

[1DMF]

Your thread title says "CSS coding for gradient"...

You need CSS3 for that :

http://www.w3schools.com/css/css3_gradients.asp

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music