nicht angemeldet
tabellen ausrichtung ueber CSS
Hallo,
habe das Problem das ich eine Tabelle mittig auf der Seite haben will, das ganze aber ueber CSS. Mittig sowohl vertikal als auch horizontal. Ist das ueber CSS moeglich oder was mach ich falsch?
<STYLE type="text/css">
BODY
{
background: #666666;
text-align: center;
vertical-align: middle;
}
table
{
height: 550px;
width: 850px;
border: 1px solid #000000;
background: #FFFFcc;
cursor: hand;
}
</STYLE>
</HEAD>
<BODY>
<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</BODY>
-
Hallo,
habe das Problem das ich eine Tabelle mittig auf der Seite haben will, das ganze aber ueber CSS. Mittig sowohl vertikal als auch horizontal. Ist das ueber CSS moeglich oder was mach ich falsch?
Prinzip: Der Block, in dem die Tabelle steht, muss 100% breit und hoch sein. Bei Dir ist das BODY. Nimm zur Sicherheit auch noch HTML.
html, body
{
width:100%; height:100%;
margin:0; border:0 none; padding:0; /* Damit 100%=Content-Breite nicht zu breit sind. */
text-align:center; /* fuer gewisse Browser notwendig/hilfreich */
vertical-align:middle;
}Die Tabelle muss nun noch _richtig_ zentriert werden,
naemlich mit automatischen margins:
table { margin:auto; }Lies auch:
http://www.netandmore.de/faq/fom-serve/cache/1239.htmlGruesse,
Thomas
-
Danke fuer die Hilfe leider funktionierts so auch nicht.
Nun richtet er die Tabelle direkt am top-margin aus jedoch mittig :-(-
Hallo,
Nun richtet er die Tabelle direkt am top-margin aus jedoch mittig :-(
Dann versuchs mit:
table { margin-left:auto; margin-right:auto; }Gruesse,
Thomas
-
-