Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

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

10:47 pm on Jan 20, 2009 (gmt 0)

5+ Year Member

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!

1:49 am on Jan 21, 2009 (gmt 0)

5+ Year Member

Just take out the repeat property, backgrounds should repeat by default.
12:15 pm on Jan 21, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

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! :)

3:11 pm on Jan 21, 2009 (gmt 0)

5+ Year Member

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.