[HTML] Wieso so tief? :D

    Hey,


    ich bin gerade dabei ein Design zu erstellen, mit einer Tabelle.
    Habe jetzt die Navigation soweit erstellt, jetzt ist plötzlich
    der Text, den ich dann in die Mitte schreiben wollte, runtergerutscht -.-
    Hier mal ein Screen = *klick*


    Hier der Code =


    <html><head><title> Startseite | WIKIandOBJECTIVE </title><link href="pictures/favicon.ico" type="image/x-icon" rel="shortcut icon" />



    </head>
    <body bgcolor="#000000"><body bgproperties="" link="#FFFFFF" vlink="#FFFFFF">
    <font color="#FFFFFF"> <font face="Arial">
    <div align="center">
    <table style="border:solid 1px #C60E0E" cellpadding=0> <colgroup> <col width="880"> </colgroup> <tr bgcolor="#2B2B2B"> <td> <div align="center"> <img src="pictures/header2.png" width="880" height="200" border="0" alt="Test Text" /> </div> </td> </tr> <!-- usw. andere Zeilen der Tabelle --></table>
    <div align="center">
    <table style="border:solid 1px #C60E0E" cellpadding=0> <colgroup> <col width="175"> <col width="600"> <col width="102"> </colgroup> <tr>
    <!--- Erste Spalte ---> <td bgcolor="#000000"> <div align="center"> <img src="pictures/allgemein.png" width="175" height="20" border="0" alt="Test Text" />
    <a href="index.html"> <img src="pictures/startseite.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="aktuelles_news.html"> <img src="pictures/aktuelles_news.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="kontakt.html"> <img src="pictures/kontakt.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="gaestebuch.html"> <img src="pictures/gaestebuch.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="faq.html"> <img src="pictures/faq.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="impressum.html"> <img src="pictures/impressum.png" width="175" height="20" border="0" alt="Test Text" /></a> <br /> <br />
    <img src="pictures/clan.png" width="175" height="20" border="0" alt="Test Text" />
    <a href="ueber_uns.html"> <img src="pictures/ueber_uns.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="mitglieder.html"> <img src="pictures/mitglieder.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="clanwars.html"> <img src="pictures/clanwars.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="clanregeln.html"> <img src="pictures/clanregeln.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="join_us.html"> <img src="pictures/join_us.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="fight_us.html"> <img src="pictures/fight_us.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="kalender.html"> <img src="pictures/kalender.png" width="175" height="20" border="0" alt="Test Text" /></a> <br /> <br />
    <img src="pictures/anderes.png" width="175" height="20" border="0" alt="Test Text" />
    <a href="forum.html"> <img src="pictures/forum.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <a href="downloads.html"> <img src="pictures/downloads.png" width="175" height="20" border="0" alt="Test Text" /></a>
    <br /> <br /> <script type="text/javascript" language="JavaScript" src="http://web101.server62.publicompserver.de/counter/utiut.php?nmjz=282885&fnzr=11"></script>



    </div>
    </td>
    <!--- Zweite Spalte ---> <td bgcolor="#2B2B2B">
    <div align="center"> Das ist ein Test :)<br /> das auch =) </div>
    </td>
    <!--- Dritte Spalte ---> <td bgcolor="#2B2B2B">
    <div align="center"> Das ist auch ein Test ;) </div>
    </td>
    </tr></table>
    </div>
    </div>


    </font></font></body></html>





    Hoffe mir kann einer sagen wieso :P
    MfG.