CSS background x-repeating, stops if the Y-size is too long.

[Modifier]

Hey all,

Newbie here.

I've created a sliver of a background(gradient) I want to use and applied the background repeated in the x-direction css properties. So it looks good if you drag the browser in the x-direction all day long. Only problem is...if the page needs to scroll in the y-direction, the background is only as good as the length of the sliver I created, then it just shows a white background.

Any thoughts?

Thanks in advance!

[sectionq]

Just take out the repeat property, backgrounds should repeat by default.

[4css]

in your css try: background-repeat: repeat;

This will let it go along the x and y axis.

Also, make sure you put in a background color as well, this way if images happened to not be able to be viewed, you are still showing the color for the page.

Oh and WELCOME! to WebmasterWorld! :)

[Modifier]

First off, thank you for the replies.

I just applied the background color to be the same as the bottom of my gradient, so now it looks like it continues.

Again, thank you.