• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle mit mittlerer variabler Höhenangabe

Status
Für weitere Antworten geschlossen.

Sascha Laurent

Neues Mitglied
Ich habe eine Tabelle über mehrere Zeilen und Spalten.
Hierbei ist der Innenraum jeweils 2 Zellen von links, oben, rechts, unten verbunden.

A: 1234567
B: 1234567
C: 12 67
D: 12 67
E: 12 67
F: 1234567
G: 1234567

Jede Zelle hat ihre bestimmte Breite und Höhe.
Die Zeile D und die Spalte 4 haben ich auf 100% gestellt, damit sie sich an die Breite des Fensters bzw. Höhe des Textes anpasst.

Nun ist aber das Problem, das sich die Zelle C vergrössert wenn ich eine belieben Text in der Zellenbreite habe, obwohl ich die Zelle C einen bestimmten Wert zugewiesen habe.

Wie kann ich dieses Verhindern, so das sich die Zeile D in der Höhe verändert?

Danke für eure Hilfe

Hiernochmal zum Verständnis der Code.
HTML:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="25" height="25">&nbsp;</td>
    <td width="75" height="25">&nbsp;</td>
    <td width="50" height="25">&nbsp;</td>
    <td height="25">&nbsp;</td>
    <td width="50" height="25">&nbsp;</td>
    <td width="75" height="25">&nbsp;</td>
    <td width="25" height="25">&nbsp;</td>
  </tr>
  <tr> 
    <td width="25" height="75">&nbsp;</td>
    <td width="75" height="75">&nbsp;</td>
    <td width="50" height="75">&nbsp;</td>
    <td height="75">&nbsp;</td>
    <td width="50" height="75">&nbsp;</td>
    <td width="75" height="75">&nbsp;</td>
    <td width="25" height="75">&nbsp;</td>
  </tr>
  <tr> 
    <td width="25" height="50">&nbsp;</td>
    <td width="75" height="50">&nbsp;</td>
    <td colspan="3" height="200" rowspan="3" align="left" valign="top">
      <p>Hier</p>
      <p>steht </p>
      <p>ein </p>
      <p>ganz </p>
      <p>langer</p>
      <p>Text</p>
      <p>der </p>
      <p>&uuml;ber </p>
      <p>meherere</p>
      <p>Zeilen</p>
      <p>geht</p>
      </td>
    <td width="75" height="50">&nbsp;</td>
    <td width="25" height="50">&nbsp;</td>
  </tr>
  <tr> 
    <td width="25" height="100%">&nbsp;</td>
    <td width="75" height="100%">&nbsp;</td>
    <td width="75" height="100%">&nbsp;</td>
    <td width="25" height="100%">&nbsp;</td>
  </tr>
  <tr> 
    <td width="25" height="50">&nbsp;</td>
    <td width="75" height="50">&nbsp;</td>
    <td width="75" height="50">&nbsp;</td>
    <td width="25" height="50">&nbsp;</td>
  </tr>
  <tr> 
    <td width="25" height="75">&nbsp;</td>
    <td width="75" height="75">&nbsp;</td>
    <td width="50" height="75">&nbsp;</td>
    <td height="75">&nbsp;</td>
    <td width="50" height="75">&nbsp;</td>
    <td width="75" height="75">&nbsp;</td>
    <td width="25" height="75">&nbsp;</td>
  </tr>
  <tr> 
    <td width="25" height="25">&nbsp;</td>
    <td width="75" height="25">&nbsp;</td>
    <td width="50" height="25">&nbsp;</td>
    <td height="25">&nbsp;</td>
    <td width="50" height="25">&nbsp;</td>
    <td width="75" height="25">&nbsp;</td>
    <td width="25" height="25">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Mod-Edit: Code-Tags hinzugefügt - Bitte das nächste Mal dran denken (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben