2 Replies Latest reply: Feb 2, 2010 3:57 PM by Andy Bay

Auto-streching a x-repeated background vertically

Andy Bay Feb 2, 2010 2:30 PM

Hi!

I wondering if this is possible:

I have a background image in my main_content div that is repeated on x-axis. The problem is I need the background to stretch vertically, if there is some long content on the page.

How would you make an image that is x-repeated stretch vertically on a web page? Or if it can't be done, what approach should I take?

Any help will be appreciated!

1. Re: Auto-streching a x-repeated background vertically

Nancy O. Feb 2, 2010 3:34 PM (in response to Andy Bay)

Sorry, but static images cannot be stretched. The best you can do is to use a seemless image and repeat it both ways.

#div {
background: url(your-BG.jpg) repeat
}

Or use a compatible background color to fill-in areas beyond the BG image's height.

#div {
background: #92A2C4 url(your-BG.jpg) repeat-x
}

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
Like Show 0 Likes (0)

Actions
2. Re: Auto-streching a x-repeated background vertically

Andy Bay Feb 2, 2010 3:57 PM (in response to Nancy O.)

Thanks for your reply!
Like Show 0 Likes (0)

Actions

Go to original post

Legend

Correct Answers - 10 points