VonBroesel
20-06-2003, 18:47
Hi
Ich bastel zur Zeit ein bissel mit HTML rum. Dabei bin ich auf kleines Problem gestoßen.
Kurz gesagt hab ich versucht eine Tabelle zu erstellen und den Inhalt einer Zelle vertikal und horizontal zu zentrieren. Hier kommt mal ein kleines Bsp.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>testseite</title>
<style type="text/css">
<!--
th {font-size:14pt;
color:#bfbfbf; }
td {font-size:12pt;
color:#bfbfbf; }
body { background-color:#333333;
}
-->
</style>
</head>
<body>
<table height="100%" width="100%" border="0">
<tr>
<td align="center" valign="middle">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th>ueberschrift</th>
</tr>
<tr>
<td>inhalt</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Wenn ich mir die obige HTML-Seite im Browser(galeon) anschaue dann ist der Inhalt aber nur horizontal zentriert und nicht vertikal. Ich hab es dann mal mit anderen Browsern versucht. Der IE 6.X sowie Mozilla stellen diese seite ebenfalls ohne vertikaler zentrierung dar. Nur der IE 5.5 zentriert vertikal und horizontal.
Dann hab ich mal die angaben zum Doctype entfernt und schwups haben alle Browser es horizontal und vertikal zentriert dargestellt. Ich hab schon verschiedenes probiert aber mit der Doctype angabe haut es irgend wie nicht richtig hin. Ich hab auch schon auf www.w3.org nachgeschaut aber gefunden hab ich nichts bzw. sollte ja so funktionieren. Oder hab ich irgend wo nen dummen fehler drin?
Ich bastel zur Zeit ein bissel mit HTML rum. Dabei bin ich auf kleines Problem gestoßen.
Kurz gesagt hab ich versucht eine Tabelle zu erstellen und den Inhalt einer Zelle vertikal und horizontal zu zentrieren. Hier kommt mal ein kleines Bsp.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>testseite</title>
<style type="text/css">
<!--
th {font-size:14pt;
color:#bfbfbf; }
td {font-size:12pt;
color:#bfbfbf; }
body { background-color:#333333;
}
-->
</style>
</head>
<body>
<table height="100%" width="100%" border="0">
<tr>
<td align="center" valign="middle">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th>ueberschrift</th>
</tr>
<tr>
<td>inhalt</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Wenn ich mir die obige HTML-Seite im Browser(galeon) anschaue dann ist der Inhalt aber nur horizontal zentriert und nicht vertikal. Ich hab es dann mal mit anderen Browsern versucht. Der IE 6.X sowie Mozilla stellen diese seite ebenfalls ohne vertikaler zentrierung dar. Nur der IE 5.5 zentriert vertikal und horizontal.
Dann hab ich mal die angaben zum Doctype entfernt und schwups haben alle Browser es horizontal und vertikal zentriert dargestellt. Ich hab schon verschiedenes probiert aber mit der Doctype angabe haut es irgend wie nicht richtig hin. Ich hab auch schon auf www.w3.org nachgeschaut aber gefunden hab ich nichts bzw. sollte ja so funktionieren. Oder hab ich irgend wo nen dummen fehler drin?