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"> </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.