Automatica Image Resizing???

[Joseph Witchard]

I didn't know which forum this thread really belonged in. Since its main topic is images, I chose to put it here.

If I were to create a background image for my message board, how would I know how to keep it from being so large that my users wouldn't have to scroll all over the place to see it, while still keeping it large enough for the resolution to still look decent? Is there a way to automatically resize images to the user's browser window?

[yamaharuss]

Can you be more specific? Is this a repeating image? A centered image? How does the image work with the page content if at all?

[Centauri]

If the image is a background, then it will only be displayed full size, and be clipped by the container. The only way to have it resize is to place it in the html as an image, and absolutely position the contents over top, but I strongly discourage this as any browser resizing will result in loss of image quality - wide screen monitors would also cause the image to be stretched, which may not look good.

[yamaharuss]

You can use CSS to place the image in the absolute center. If the image is under 800px you should be OK for any resolution.

[Joseph Witchard]

What I was thinking of doing with my background is making an image and then using the CSS code background-attachment: fixed;. Mainly what I'm worried about is I don't want to make it so wide that it will cause people to have to scroll to the side to see the complete image.

[yamaharuss]

How big is the image?????????

[Joseph Witchard]

How big is the image?????????

lol I don't know yet because I haven't even made the image yet. Everything I'm talking about is strictly theoretical;)

[yamaharuss]

If you're using the image as a background, the page is NOT going to scroll to the image size. That's why I said, if you keep your image under 800px and center it, you should be OK for all (99.9%) screen resolutions.

[Joseph Witchard]

All right, well that's all I was wanting to know.

Thanks!