How would I go about creating a background which has, effectively a header, body and footer? The header and footer wouldn’t need to repeat down the page, only horizontally, but the middle body section would depend on how big the main content div is, so it needs to repeat vertically but I’m unsure of how to get the footer at the end.
Thanks in advance. =)
You’re either going to have to use multiple background images (css3, so no pre-IE9 support) or break it up with at least two block level elements that each apply their own background image – a really long image you repeat horizontally (has to be longer than any possible anticipated content could grow the content vertically).