R. Floren: Vertikale Aurichtung von Tabellen Inhalten

Beitrag lesen

Wie kann ich einen inhalt einer Tabellen spalte vertikal ausrichten.

Das Problem besteht bei mir darin das ich einen Div tag mit der id main habe. er soll in einer 3 Spaltigen tabelle oben angezeigt werden aber er ist zentriert.
hier mal der code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" class="left"></td>
    <td width="700" align="center" valign="top">
    <div id="main">
  <div id="header" class="header"><img src="/templates/herr-der-ringe/images/header.png" width="750" height="195" /></div>
        <div id="login"><?php mosLoadModules ( 'login' ); ?></div>
        <div id="nav"><?php mosLoadModules ( 'navigation' ); ?></div>
          <div id="date"><?php echo mosCurrentDate(); ?></div>
  <div id="links"><?php mosLoadModules ( 'left' ); ?></div><div id="content"><?php mosMainBody(); ?></div>

</div>
 <p align="center">
  <?php include_once('includes/footer.php'); ?>
        <?php mosLoadModules ( 'footer' ); ?>
       </p>
</td>
    <td class="right">&nbsp;</td>
  </tr>
</table>
Die dazugehörigen css auschnitte:

* {
 margin: 0;
 padding: 0;
 }

body {
 background-color: #000000;
}

div#main {
 text-align: left;    /* Seiteninhalt wieder links ausrichten */
 width: 800px;
 margin-top: 0px;
 margin-right: auto;
 margin-left: auto;
  }
div#header {
 position: fixed;
 text-align: left;    /* Seiteninhalt wieder links ausrichten */
 margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
 height: 195px;
 width: 750px;
}
div#login {
 position: fixed;
 margin-right: 0px;
 margin-left: 750px;
 margin-top: 0px;
}

div#nav {
 text-align: left;
 top: 200;
 width: 550px;
 position: fixed;
 height: 30px;
  }

div#date {
 text-align: left;
 right: 550px;
 width: 200px;
 position: fixed;
 margin-right: 0px;
 margin-top: 0px;
 margin-left: 550px;
 height: 30px;
  }

div#links {
 text-align: left;
 width: 200px;
 background-color: #FF0000;
 position: fixed;
 margin-top: 30px;
 }

div#content {
 text-align: left;
 right: 200px;
 width: 500px;
 margin-left: 200px;
 margin-top: 220px;
 z-index: -1;
}

Hoffe mir kann einer helfen.