Welcome to WebmasterWorld Guest from 54.147.212.173

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)

New User

5+ Year Member

joined:Jan 20, 2009
posts:4
votes: 0


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)

New User

5+ Year Member

joined:Jan 13, 2009
posts:18
votes: 0


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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 23, 2004
posts: 728
votes: 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! :)

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

New User

5+ Year Member

joined:Jan 20, 2009
posts:4
votes: 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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members