Multi-size Background - Different Size Resolutions?

[webdud]

Hi!:) I am trying to create a background for a site; Here is my dilemma...The background is to be an actual image (a scroll).

When sizing the image to appear properly, w/ the "ends" of the scroll rolled up at the top/bottom of the web page, I cannot get the size of the image to remain constant w/ different size desktop settings/monitors.

For example; If I size it to appear properly w/ my setting (1024/768....then when viewed on an 800/600 setting, the sizing of the image is completely thrown off.

Is there "code" that I an include in the html to make the image appear the same size for the various settings?:confused:

Thanks Much!!!

[dragon]

I believe you have two different options for this.

1) Use Javascript to detect the size of the browser window. Based on the window size, use a different (size) image file for the background. It's not perfect from one browser to another, but if you want a close range it will work. It will probably take quite a bit of tweaking to get it right for each window size that you want, plus you'll need to create different images for each one.

2) Try breaking your background image into border pieces and use something like the Onion Skin technique (http://www.alistapart.com/articles/onionskin/). Wrap this around all your content. This would probably be the better option of the two for compatibility and ease of implementation.