homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

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

 10:47 pm on Jan 20, 2009 (gmt 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)

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


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


 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved