Resimleri Otomatik Sayfa İçine Ortalama Sorunu ?

merhabalar aşağıdaki resimde sorunumu çizdim gerçi,resimlerin otomatilk sayfa içinde ortalanmasını nasıl sağlayabilirim misal anadolu jet banneri ile her tarza uygun tunikler resmi var,onların ortalanması gibi ?
kodlamam aşağıdaki gibi ?



kodlamasını

<table width="100%" border="0" align="center">
<tr class="tBanner">
<td height="27" colspan="2">
<table width="644" border="0">
<tr>
		<?php 
		$sql = mysql_query("SELECT * FROM banner  WHERE (durum = 1 AND type = 0) and durumknm='0' ORDER BY sira ASC ");
		while($liste = mysql_fetch_array($sql))			
		{
		?>
<td  width="138">
<a href="<?php echo $liste["link"];?>" title="<?php echo $liste["tradi"];?>">
<img src="upload/banner/<?php  echo $liste["id"];?>_tr.jpg" style="list-style-type: none;padding: 0;margin: 0;height: 227px;"></a>
</td>
</tr>
					
</table>
</td>  
<td width="268"><table width="100%" border="0">
<tr>
<?php 
		$sql = mysql_query("SELECT * FROM banner  WHERE (durum = 1 AND type = 0) and durumknm='1' ORDER BY sira ASC ");
		while($liste2 = mysql_fetch_array($sql))			
		{
?>
<td  width="261">
<a href="<?php echo $liste2["link"];?>" title="<?php echo $liste2["tradi"];?>">
<img src="upload/banner/<?php  echo $liste2["id"];?>_tr.jpg" style="list-style-type: none;padding: 0;margin: 0;height: 228px;margin-left: 9px;">
</a>
</td>
</tr>
		<?php } ?>		
</table></td>
</tr>
</table>

@Prisoners;
Direk Tablo İçine Koymasanızda, Divlerle çalışşsanız daha iyi olur kanaatindeyim.
Ortalama ile ilgili Bu Makaleyi Okuyabilirsiniz.
http://programciyiz.biz/css-ile-nesne-ortalama/