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.


Featured Threads

Hot Threads This Week

Hot Threads This Month