Is is possible to make an image that is set as a background image inside a table tag resize so that it will fit correctly on different screens, not different resolutions...Ex: My Desktop Pc has a large LCD screen, in which the background image fit's correctly at 800 x 600, but not on my laptop screen at 800 x 600 because of the screen is obviously smaller in size...How can I make the image not scroll vertically but still make the image fit the entire 800 x 600 window? What is that solution?

Thank you

The idea is to use a regular image tag for a background, then resize it to 100% height and width, at a fixed position, so that it doesn't move. You can't resize regular background images, which is why you must use an image tag.

You definitely don't need a table cell to do this, which I recommend you avoid for layout anyway.

The problem is, that IE6 doesn't support fixed positioning, so you need to work around that limitation by imitating fixed positioning in IE6. Here is how to do in in all the main browsers: http://www.htmlite.com/faq022.php . Once you get good at CSS you'll remember how this works.

That's a neat trick, Abel.

Have you any experience doing this? I'm curious about distortion of the image quality as it is being resized like this.

Yeah, here is an example: http://www.celebrityclothingline.com/

Thanks, Abel.

Yeah, it does what I expected: squishes the image. I guess one would just have to be careful with their background image so that it "degrades" decently as the background image on this site does.

Yeah, there is definitely plenty of circumstances in which you would not want to use this type of effect.