Using a Image in a header?

[bushpest]

What is the best advice I can get on using an image in a header that I want to keep proportioned with the page even when viewed with different screen resolutions. The page is designed to be viewed at 800x600 but when viewing at another resolution the image in the header is amiss. Any help or suggestions will be much appreciated.
Thanks In advance,
J Bush

[splufdaddy]

I'm going to assume that you are trying to make the site span 100% of the screen at all resolutions. The most common approach to this is to make the banner, and make one side of it (or both) a repeating pattern that you can set as the background to a table cell. TurtleTips is one site that does this, if you look at the header, you can draw a vertical line after the M in .com and everything after that is just a bg.

Your other alternative is using javascript to detect the browser's resolution and then inserting the appropriate sized image, but that could get a little messy.

[smoseley]

If you're trying to make it a banner image that scales to the width of the page, what you can do is design it at 1600 pixels wide and put it as the background image of the cell (as spluffdaddy suggests). Then, it will only show as much of the image as can fit on the screen and won't require scrolling.

[JR]

check out one of my posts on here http://www.webdesignforums.net/showt...ghlight=banner it might help