Background across whole page & scalable?

I didn't know how to title this but I can show you - Bohio/ - See how the background scales as you change the width of the window? I want to be able to do that AND be able to have the page scale downward by adding the white content area right above the footer. Basically the contentwrapper, but I tried doing it and the only way I could get the background to go across the whole page, was to make a bg.jpg file and have it repeat x only. But when I would try to add more content...it was a nightmare since the background was fixed.

More specifically looking at the non-homepages as they will be the ones I want to add more content to.

a background image canot scale, it can only be set to repeat along the x, y or both axis.

instead of using one large div, you shlould break the page up into multiple divs and ablly the backgroung image to that way


Create one div for the head,another for content and another for footer.

It looks like you want the content to be white, so don't apply the background image there, but apply it to the header and footer.

This is a great template with a good 'sticky footer' - here

This means that the footer remains precisely at the bottom of the page, the content area expands as required, the footer even sticks to the bottom when there is not enough content to 'push' it down.

I am using a sticky footer on this site I'm building for a local band. All background images are repeating in their respective divs (photoshopped).

thanks for the 'sticky' footer link neilo.

i got one working (as you may remember) a few months ago, but another source of info is always useful

Cheers Craig,

Yes - this css sticky footer seems to be the 'perfect' cross-browser solution, although I imagine that IE have team working round the clock to find a way to make it not work on their browser.