I need help with full paging a background image

I'm trying to make a background image full page and adjust to the browser size through CSS. If its not possible, then I need to know what the best way to fit it is. ANY help with this will be GREATFULLY appreciated

 

Tiling the image is the best approach. I understand not all images can be/should be tiled.

If you want to get CrAzY then you could create a layout with a background div on layer 1 that includes that image (not as a background image) and set width to 100%. Then, a foreground div (content) on layer 2 or 50 or whatever.

 

Depending on the image, you might want to use a simple x-repeat or something.

For example, this page...

http://www.microsoft.com/en/us/default.aspx

...uses a 1-pixel wide image (http://i2.microsoft.com/shared/core/1/images/Stage_BG_btm.png) and repeats it along the x-axis (horizontally). This creates a page-wide, smooth gradient with only a .33K image.

The CSS for this method usually looks something like this...

body{
background-image: url(IMAGE_PATH);
background-repeat: x-repeat;
background-color: #ffffff;
}

Hope it helps

 

That would all be helpfull, but the image I'm trying to use can't be tiled. This is it

 

Center the image, cut a small portion on the side and tile it so it blends well with the bg... The not so pretty way is wrapping this inside an image tag and make a percentage width and height which pixelates...

 

you can tile the image to the whole back ground, but it might destroy the image quality., so u need to make the image of the same size of the width and then set it as back ground.
or just make a big image of resolution 1072 * 1000 and display it according to the background screens.