"Zentriert" angeklickt, aber zum Schluss doch nicht zentriert

MbE · 19.06.2002, 18:16

Hi

Ich habe mir vor ein paar Tagen das neue Dreamweaver MX zugelegt. Ich legte mir eine Tabelle an und wollte den Text in der Tabelle zentrieren. In diesem Baufensterchen scheint alles geklappt zu haben, also dort wird es zentriert angezeigt. Wenn ich mir die Seite aber im Internet Explorer anschaue, dann ist dort nichts zentriert. Wisst ihr vielleicht, was ich falsch mache?

Gruß

MbE

Sin · 19.06.2002, 18:20

Hallo MbE

Willkommen im TP.

Natürlich wissen wir nicht, was du falsch gemacht hast. Aber wenn du den HTML-Code hier mal postest, können wir dir sicher helfen.

MbE · 19.06.2002, 18:40

Hier ist der HTML Text:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#333333" link="#0000CC" vlink="#0000FF" alink="#0066FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80" height="80" bgcolor="#000099"><div align="center"><font color="#FFFFFF" size="+5" face="Arial, Helvetica, sans-serif"><em>Das
ist ein Test</em></font></div></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

PS: Das ganze sollte nur ein Test sein.

Und so kommt es dann im Internet Explorer raus obwohl ich alles zentriert habe:

http://mitglied.lycos.de/wbmbe/

LANtastic · 19.06.2002, 18:59

Das kann ja auch nicht funktionieren.
Du sagst zentriere mir den Text, OK, aber zentrieren wohin ?

Wenn du der Zelle zuvor eine Breite von 80px gibst, und der Text länger als 80px ist, dann ist da kein Platz zum zentrieren.

Des Rätsels Lösung :
Entferne die Angabe width="80" aus der Definition der großen horizontalen Zelle.

Der Quellcode sähe dann so aus :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#333333" link="#0000CC" vlink="#0000FF" alink="#0066FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="80" bgcolor="#000099"><div align="center"><font color="#FFFFFF" size="+5" face="Arial, Helvetica, sans-serif"><em>Das
ist ein Test</em></font></div></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
<td><div align="center">Test</div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>