Banner problem

[Greek76]

Hello all Im sure its been asked but I cant find the solution to my problem. My banners on my forums come out distorted on my friends computer. On my 19 inch it looks perfect. I checked it on fire fox and IE 7 and looks fine. It looks distorted for him.

If your on a 10 inch monitor you would see the chair on my bannerbut if your on a 30 inch you would only see the mountains on the side. How can I do so the whole banner shows perfectly for any size resolution with out it stretching or distorting the images? Thanks this is my header code..
The site Im refering to is www.GreekRealm.com/forum

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.greekrealm.com/forum/sam/sam/banner.gif" border="0" width="100%" alt="$vboptions[bbtitle]" /></a></td>
	
	</td>
</tr>
</table>
<!-- /logo -->

[notrious]

<!-- logo -->
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.greekrealm.com/forum/sam/sam/banner.gif" border="0" width="100%" alt="$vboptions[bbtitle]" /></a></td>
	
	</td>
</tr>
</table>
<!-- /logo -->

try this .. i hope this will solve your Problem...

[Greek76]

Didnt work thanks..

[Lynne]

You are bound to end up with distorted images anytime you go about resizing them the way you are. You are better off picking a height and adding extra 'stuff' to the side of the banner when users have a longer browser window.

[Greek76]

How would I do that? Thanks..

[Lynne]

Hmmm, well, something like:

 <!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr bgcolor="background-color-you-pick">
<td align="left">image here for the left side</td>
    <td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.greekrealm.com/forum/sam/sam/banner.gif" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="right">image here for the right side</td>
    
    </td>
</tr>
</table>
<!-- /logo -->

You can leave out the bgcolor or only go for bgcolor and leave out the left and right tds. Take a look at the way other sites do their banners and you will see several ways of going about it.

[Greek76]

Thanks it worked perfectly.. I just used a background color as opposed to the left and right images..