Welcome to WebmasterWorld Guest from 188.8.131.52 , register , free tools , login , search , pro membership , help , library , announcements , recent posts , open posts Become a Pro Member
CSS background x-repeating, stops if the Y-size is too long. Modifier msg:3830793 10:47 pm on Jan 20, 2009 (gmt 0) Hey all,
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.
Thanks in advance!
sectionq msg:3830913 1:49 am on Jan 21, 2009 (gmt 0)
Just take out the repeat property, backgrounds should repeat by default. 4css msg:3831184 12:15 pm on Jan 21, 2009 (gmt 0)
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 msg:3831314 3:11 pm on Jan 21, 2009 (gmt 0)
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.