Help with banner on header

[trotskid]

Hello. I hope open soon the forum but there is a questi?n that I can?t resolve.. I have created a banner for the header but it requires a modification on CSS to be fixed with the width of the screen (or resolution the user use). My code is simple, but it can?t show properly. My idea is similar to Driverheaven.net?s banner (as example).

Can somebody help me with that? I have some knowledge with PS, but not with CSS :/

Greetings

PS: Here?s the code (header) from the style with banner divided in three with bad results:

<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" style="background-image:url($stylevar[imgdir_misc]/headbg2.gif)">
    <td>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/head_left2.gif"  border="0" alt=""/></a></td>

<td align="right" valign="bottom"><img src="$stylevar[imgdir_misc]/head_right2.gif" alt="" /></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="$stylevar[imgdir_misc]/header_bottom.gif"><img src="$stylevar[imgdir_misc]/header_bottom.gif" width="10" height="1"></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="23"><img src="$stylevar[imgdir_misc]/time_bar.gif" alt="" width="23" height="20"></td>
    <td background="$stylevar[imgdir_misc]/time_bar.gif"><div align="right"><font color="#FFFFFF" face="Tahoma"><strong>$vbphrase[all_times_are_gmt_x_time_now_is_y]&nbsp;&nbsp;</strong></font></div></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="$stylevar[imgdir_misc]/time_shadow.gif"><img src="$stylevar[imgdir_misc]/time_shadow.gif" alt="" width="23" height="7"></td>
  </tr>
</table>

<!-- content table -->
$spacer_open

$_phpinclude_output

And the banner:

[Lautaro]

This would be your HEADER code:

<div align="center">

<table class="logobackground" cellpadding="0" cellspacing="0">
<tr>
<td width="554px" height="96"> <a href="$vboptions[homeurl]"><img src="$stylevar[imgdir_misc]/logo.png"></a> </td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="$stylevar[imgdir_misc]/header_bottom.gif"><img src="$stylevar[imgdir_misc]/header_bottom.gif" width="10" height="1"></td>
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="23"><img src="$stylevar[imgdir_misc]/time_bar.gif" alt="" width="23" height="20"></td>
    <td background="$stylevar[imgdir_misc]/time_bar.gif"><div align="right"><font color="#FFFFFF" face="Tahoma"><strong>$vbphrase[all_times_are_gmt_x_time_now_is_y]&nbsp;&nbsp;</strong></font></div></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="$stylevar[imgdir_misc]/time_shadow.gif"><img src="$stylevar[imgdir_misc]/time_shadow.gif" alt="" width="23" height="7"></td>
  </tr>
</table>

<!-- content table -->
$spacer_open

$_phpinclude_output

Add this to the Additional CSS definitions:

.logobackground 
{
   background-image:url('./blackteal/misc/logo_bg.gif');
   background-repeat: repeat-x;
   background-position: center;
   background-color: #000000;
   width: 100%;
   height: 118px;
}

Upload this 2 images to your misc directory:

https://vborg.vbsupport.ru/attachmen...1&d=1242075921

https://vborg.vbsupport.ru/attachmen...1&d=1242075921

[trotskid]

Thanks a lot for your help