Background image ?

I want to use an image as a background, my question is how do I make it so it will fit every monitor size? I mean if I make the image 800x600 won't it be too small for bigger monitors? Whats the trick?


Thanks

Make the background 1600x1600

That's the trick. I did a gradient bg at 1600x2

but at 1600x1600 won't that be too big for a smaller monitor and force them to have to scrool to the right to view the whole page?

If it's set as the background it won't incoprorate into the scolling process.. That's why you overkill the width (ie 1200px) and keep the height low (ie 2 px).. That way it'll TILE down... Listen to sidefx, 1600x2 for the bg...

But if you have just one huge picture that you want to set as the background, there is no way make it shrink or expand in size depending on their browser size unless you make like 50 different sizes of the image, and then use a browser detection script to tell the server which sized background image to use. Chances are, it is impossible or would be a pain in the ass to do, and you need to find a different way to do it.

hmmm, you could have the index.html check browser and screen res of the user, then redirect to the html file that is made for that res. ie: you have 3 pages, one for 1024x768, one for 800x600 and so on

How about doing a 800x600 background, and defining it as the background of a 800x600 fixed-width table, as opposed to the defining it as the background of the entire page (which would cause it to tile).

This way, you're setting the background of the table, and as long as your table doesn't stretch to larger than your background image size, your background won't tile.

Of course this all depends on the type of background. Plus, an 800x600 BG is kinda heavy on a dial-up connection.

you can make it so the background doesn't tile
if that means anything to you