lucas: Grafik mit Tabellen einfügen???

Beitrag lesen

hi,hab ein problem: ich soll auf ein mir vorgelegtes design content machen. die gfx ist so aufgebaut,dass oben ein banner quer verläuft (banner.jpg) und drunter eben der content teil (content.jpg). nun soll der banner natürlich direct am contentteil sein (cellpadding und spacing 0) und auf den contentteil sollen verkleinerte bilder sein,die auf die großen verweisen... bis dahin alles ok: hab folgenden code geschrieben:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Julius´ Geburtstag</title>
</head>
<body>
<div>
 <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" valign="top">
<tr>
<td>
<img src="banner.jpg" width="100%" align="center" valign="top">
</td>
</tr>
</div>

<div>
<table border="0" cellpadding="4" cellspacing="0">

<tr>
<td>
<img src="content.jpg" width="100%" height="*" align="center" valign="top">
</td>
</tr>
<h1 align="center">HAPPY BIRTHDAY TO YOUUUU!</h1>
<p align="center">Hey, also hier findet ihr einige Fotos von Julius und seinen Rabaukenfreunden ;) Werd mich bemühen, den Rest auch bald reinzustellen!!!</p>
<div align="center">
<tr>
<td align="center"><a href="chillingG.jpg"><img src="chillingG.jpg" width="150" height="113" border="0" alt="chilling"></a></td>
<td align="center"><a href="tischG.jpg"><img src="tischG.jpg" width="150" height="113" border="0" alt="Geburtstagtisch"></a></td>
<td align="center"><a href="essenG.jpg"><img src="essenG.jpg" width="150" height="113" border="0" alt="Essen"></a></td>
<td align="center"><a href="ellaG.jpg"><img src="ellaG.jpg" width="150" height="113" border="0" alt="Die Ella"></a></td>
<td align="center"><a href="groggieG.jpg"><img src="groggieG.jpg" width="150" height="113" border="0" alt="Annette ist fertig..."></a></td>
</tr><tr>
<td align="center"><a href="nettiG.jpg"><img src="nettiG.jpg" width="150" height="113" border="0" alt="Miss Elli"></a></td>
<td align="center"><a href="haremG.jpg"><img src="haremG.jpg" width="150" height="113" border="0" alt="Julius´ Harem"></a></td>
<td align="center"><a href="muedeG.jpg"><img src="muedeG.jpg" width="150" height="113" border="0" alt="Nun werden sie MUUEEEDE"></a></td>
<td align="center"><a href="saubermannG.jpg"><img src="saubermannG.jpg" width="150" height="113" border="0" alt="?!"></a></td>
<td align="center"><a href="blurryG.jpg"><img src="blurryG.jpg" width="150" height="113" border="0" alt="Unser Held!"></a></td>
</tr>

</table>
</div>

</body>
</html>

nur wird es nix: der banner ist ok,streckt sich auch mit etc...dann kommt aber der text völlig unproportioniert,darunter der content.jpg,der völlig verschwommen ist,weil es superheftig langgestreckt ist und darunter die kleinen bildchen/links... was mach ich denn falsch??? geht das überhaupt mit layouttabellen??? oder nur mit css??? mit frames hab ichs auch nicht schön hinbekommen... need help.danke im vorraus