Correct Background Size?

[Slate]

Issue has been addressed and does not need to be further Discussed.

Hello,

I'm having a bit of an issue, that really concerns me. The issue is, i want to have a custom background that looks correct on my site. However, although i have accomplished properly installing the custom background, i noticed the background size looks different on different computers, due to their different screen size, or resolution.

My Question:
Is there a way to make the background a universal size, so to say? So that no matter what computer views the site, it will look correct. I noticed on Xenforo's main page, the background looks perfect on different computers, so if anyone knows how to help me please do so!

Thank you so much for your time.

 

[Jake Bunce]

Can you post a URL or picture showing the problem?

This thread might be helpful:

http://xenforo.com/community/threads/wallpaper-size.22055/

 

[Floris]

On XenFans I have an image that goes to the bottom of the page, centers, and stretches based on the width of the browser. You can see it live on the site. Resize the image if you want. That's how I do it, by adding this to extra.css:

html { background-color: #defaultbghexvalue; }
body {
background-image: url('background-image.png');
background-position: bottom center;
background-repeat: no-repeat;
-moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%;
}

 

[Slate]

On XenFans I have an image that goes to the bottom of the page, centers, and stretches based on the width of the browser. You can see it live on the site. Resize the image if you want. That's how I do it, by adding this to extra.css:

html { background-color: #defaultbghexvalue; }
body {
background-image: url('background-image.png');
background-position: bottom center;
background-repeat: no-repeat;
-moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%;
}

Thank you very much Floris! Works perfectly