css background gradients

[Jeager]

While using

/* Safari 4+, Chrome 1+ */

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));



/* Safari 5.1+, Chrome 10+ */

background-image: -webkit-linear-gradient(#2F2727, #1a82f7);

To setup a gradient background on my body, the gradient stops at where my wrapper stops, and starts again. No idea why its doing it.

body {

/* Safari 4+, Chrome 1+ */

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));



/* Safari 5.1+, Chrome 10+ */

background-image: -webkit-linear-gradient(#2F2727, #1a82f7);

}

#wrapper {

margin: 0 auto;

width:800px;

height:900px;

/* Boarder shadow */

-webkit-box-shadow: 0px 0px 8px #000; /* Saf3.0+, Chrome */

-moz-box-shadow: 0px px 4px #000; /* FF3.5+ */

box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE9, Chrome 10+ */

}

[Jeager]

http://people.ysu.edu/~jtpenezich/gradient/index2.html

Edit: Just made that to give an idea, please dont think that is the actual site.

[jimsilverman]

attach the css to the html tag instead. the body tag ends where the content ends, whereas html will always be at least the full browser height.

[Author]

Posts