Centering the Background for small resolutions

Hey

I designed the background with 1920x1080 resolution in mind, and when i change the resolution to anything small than that the background won't be aligned no more with the rest of the forum.

This is how it's supposed to look (1920x1080)


and this is a small resolution (1280x720)


I tried experimenting with the body in CSS with static and background-size but i never managed to have it centered.
Pretty much what i'm looking for is that if an user is using a smaller resolution, both sides will be hidden.

What is your css??? the problem is not the bg but better yet your "body line" Use chrome to see your CSS for that specific item. Set margin:0 auto; also width would need to be a percentage not fixed. ex. 80% not 900px. If you also use FF you can use firebug, edit your css until correct and then use that style that you generated live

Current .body is like this

Code:


body {
          background-image: url('http://i.imgur.com/238DK.jpg');
          background-size: 100%;
          background-position: top-center;
          width: 100%;
}


How much ? (resolution)

Also it seems that the background image is just using the top left corner as a center reference no matter what the resolution is.

I think i'm following you.
I'll try editing the background and report later.

hmm, i just checked the middle area and it's bigger than 1200 by a couple of pixels on both sides, so it shouldn't give me any troubles right ?

the selection shows a width of 1200

That fixed it, tested a couple of different resolutions and the background wouldn't overlay the rest of the forum.

thanks again

-Solved-