Your bg image is screwed up even in a relatively big(?) 1024×768 resolution. And it duplicates the header image and the white content area.
I think you should think about setting it up a different way: you don’t need the big empty grey areas on the sides, you could make it simply the same bg colour for the body, which would give some flexibility.
Or, if you have the header image anyway in the header, you could just cut the bg image in two for the right and for the left side.
Anyway, it doesn’t work as it is now.
Read up on background-position and background-repeat:
http://www.w3schools.com/css/pr_background-position.asp
http://www.w3schools.com/css/pr_background-repeat.asp
There’s no way as far as I know to have your background image resized depending on resolution. If there is a way, I doubt it would be straightforward.
Thread Starter
ssor
(@ssor)
Cheers,
I’ll give some of that a try
Thread Starter
ssor
(@ssor)
Not sure how to implement the code in the background position and repeat.
How would you go about splitting the image into two for the right and left hand side?
Many thanks in advance!