chris: Tabellenlayout verschiebt sich ?!? Bitte Hilfe

Beitrag lesen

Hallo ihr Coder,

hab ein Problem mit einem Tabellenlayout. Dachte ich kenn mich mit Tabellen in HTML ganz gut aus, aber ich bin noch nie auf folgendes Phänomen gestossen:

Habe ein Layout mit Kopzeile ( über drei Spalten ),
dann darunter: Linke Spalte - Center - Rechte Spalte,
und Fusszeile ( über drei Spalten )

Jetzt hab ich in die Kopfzeile eine 2. Tabelle mit 3 Spalten gelegt. IS ja auch alles schön und gut, jedoch wenn ich in die mittlere Spalte ( Dort wo die cccccccccc oder aaaaaaaaaaa oder ddddddddddd stehen ) mehr reinschreibe ( ca. 5 Buchstaben mehr ), verbreitert sich der rechte und linke Bereich obwohl ihnen eine feste Breite zugeteilt worden ist !!!!

Den Code den ich poste ist mit korrekter Breite. Setzt also mal ein paar "cccccccc" mehr rein und schaut was passiert.
Bitte Bitte sagt mir wo das Problem liegt, bin am verzweifeln.

[Code]
<HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>So eine Scheiss Tabelle</TITLE>
<META http-equiv=content-type content="text/html; charset=iso-8859-1">
<LINK rel="stylesheet" type="text/css" href="style\style1.css"/>
</HEAD>
<BODY>

<table border="1" align="left" width="100%" cellspacing="0" cellpadding="0">
<!-------------------------***** NEUER BEREICH *****-------------------------------------->
<tr><td colspan="3" height="130px" align="center"> <!-- Kopf Spalte ---------------------->

<table border="0" align="center" width="100%" cellspacing="0" cellpadding="0">
<tr><td height="70px" width="171px" align="center">

ObenLinks1
</td><td height="70px" align="center">
ddddddddddddd
</td><td class="bgnavhead1" rowspan="3" width="170px" align="center">
ObenRechts
</td></tr><tr><td height="30px" width="171px" align="center">
ObenLinks2
</td><td class="bgnavhead2" height="30px" align="center">
aaaaaaaaaaaaa
</td></tr><tr><td class="bgnavhead2" height="30px" width="171px" align="center">
bbbbbbbbbbbbb
</td><td class="bgnavhead1" height="30px" align="center">

<!--------------------------------- Link Leiste ------------------------------------->
<nobr>ccccccccccccccccccccc</nobr>
<!----------------------------------------------------------------------------------->

</td></tr>
</table>

<!------------------------***** NEUER BEREICH *****--------------------------------------->
</td></tr><tr><td class="bgnavright" height="450px" width="200px" align="center"> <!-- Linke Spalte --------->

Links

<!------------------------***** NEUER BEREICH *****--------------------------------------->
</td><td height="450px" align="center"> <!-- Center Spalte ------------------------------->

<nobr>Center Bereich</nobr>

<!------------------------***** NEUER BEREICH *****--------------------------------------->
</td><td class="bgnavright" height="450px" width="170px" align="center"> <!-- Rechte Spalte ---------------------->

Rechts

<!------------------------***** NEUER BEREICH *****--------------------------------------->
</td></tr><tr><td class="bgnavfoot" colspan="3" height="50px" align="center"> <!-- Fuss Spalte ----------------->

Fuss

</td></tr>
</table>

</HTML>
[/Code]

Gruß
Chris