Hallo, ich bin blutiger anfänger wenns um HTML geht und bin nu dabei eine kleine Übungspage zu bauen, bin jetzt aber auf das erste Problem gestoßen. Ich würde den ganzen kram gerne vertikal und horizontal ausrichten, horizontal geht auch, aber bei der vertikalen hapert es…
somm3r - main| erstellt für Mozilla Firefox | ||||
| main | info | kontakt | impressum | |
|---|---|---|---|---|
| © 2010 somm3r | ||||
Wäre super wenn ihr mir da helfen könnt.
MfG Sören
Also mein Gedanke war, das ich wie align=„center“ auch valign=„middle“ einfach bei
mit reinmache, was scheinbar nicht geht, ich habe da schon was von css gehört, damit wollte ich aber noch nicht anfangen…So scheint’s im Firefox und IE zu funktionieren. Keine Ahnung, wie und wo noch. Tabellen sollten aber nicht zu Layoutzwecken verwendet werden, sondern lediglich zur Darstellung tabellarischer Daten. Durchsuche das Web nach „css horizontal vertical centering“ für bessere Lösungsansätze ohne Tabellen.
Außerdem ist der Aufwand nicht größer, wenn du sofort die CSS-Eigenschaften lernst statt der veralteten HTML-Attribute (bgcolor=„#25300a“ text=„#111111“ link=„#ffffff“ vlink=„#ffffff“ alink=„#ffffff“ usw.). Die kannst du heutzutage vergessen.
[html]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Demo</title>
</head>
<body style="padding: 0; margin: 0; height: 100%;">
<table style="background: #f00; position: absolute; top: 0; right: 0; bottom: 0; left:0;
width: 100%; height: 100%; border: none; padding: 0; margin: 0;">
<tr>
<td style="text-align: center; vertical-align: middle;">
<p>Dies ist ein Test</p>
</td>
</tr>
</table>
</body>