How to automatically adjust to optimal zoom for user

This site is best viewed in a modern browser with JavaScript enabled.

How to automatically adjust to optimal zoom for user

hustedwebdesign

I recently made a website with a background image I made in photoshop. The problem is that my image fits my resolution, however it looks uneven and incomplete on screens of smaller resolutions. Those screens simply have to zoom out once or twice for the website to look how I want it to. Therefore my question is, how would I have the zoom of their browser automatically adjust to optimal zoom for my website?

Eye_for_Video

You are going to find it VERY difficult to auto adjust the "zoom" for every resolution.
For example... what about resolutions that are LARGER than your resolution? ... and I don't want you messing with my "zoom"?
While it's relatively easy to completely fill any resolution with a 100% background image... just be careful what you ask for!
Why not post the actual page here so we can comment.
Best wishes,
Eye for Video
www.cidigitalmedia.com

handcraftedweb

This article might help. The solution there uses CSS3 so it only works in newer browsers.

hustedwebdesign

Thanks for the replies. I did post the page but it was removed.

Thank you for that article I think it will prove to be exactly what I am looking for.

PBSWebDesign

body {
	background: url(../img/sideimage1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: &#8216;Times New Roman&#8217;, Times, serif;
	line-height: 180&#37;;
	font-size: 14pt;
	color: #000;
		}

I used the cover attribute in CSS3 to make the image cover the whole screen no matter what. It only works in new browsers though, but honestly people should be updating their browsers anyways