Margrit: Verschachtelte Tabellen

Beitrag lesen

Hallo!

Ich habe zwei Tabellen ineinander verschachtelt. In der inneren Tabelle brauche ich in der letzten <tr> eine vertikale Linie (rot im html Code). Diese Linie geht bis zum Ende der inneren Tabelle. Wie kann ich erreichen, dass diese Tabelle und damit die rote Linie bis zum unteren Rand der aeusseren Tabelle geht? Es sollte in in allen gängigen Browsern und OS gut aussehen.

Gruss und danke
Margrit

<html>
 <head></head>
 <body bgcolor="#ffffff">

<table border="0" cellspacing="0" cellpadding="0" width="475">
   <tr><td width="195"><td width="7"><td width="273"></td></tr>
   <tr><td colspan="3"><h2>Haupttitel</h2><br></td></tr>
   <tr><td valign="top">

<table border="0" cellspacing="0" cellpadding="0" width="195">
     <tr valign="top">
      <td height="4" width="191"></td>
      <td height="4" width="3"><img width="3" src="/images/pixel.gif"></td>
      <td height="4" width="1"><img width="1" src="/images/pixel.gif"></td>
     </tr>
     <tr valign="top"><td colspan="3">
      Hier erscheint ein Bild, das keine feste Groesse hat (natuerlich nicht breiter als
      die Zelle) und auswechselbar ist <br>
     </td></tr>
     <tr valign="top"><td colspan="3" height="10"></td></tr>
     <tr valign="top"><td colspan="3" bgcolor="#cccccc"></td></tr>
     <tr height="8"><td colspan="3" bgcolor="#eeeeee" height="8"></td></tr>
     <tr valign="top"><td colspan="3" bgcolor="#cccccc"></td></tr>
     <tr valign="top"><td height="6" colspan="3"></td></tr>
     <tr valign="top"><td width="191">
      <A HREF="">Navigation 1</A><BR>
      <A HREF="">Navigation 2</A><BR>
      <A HREF="">Navigation 3</A><BR>
      <A HREF="">Navigation 4</A><BR>
      <A HREF="">Navigation 5</A><BR>
      </td>
      <td bgcolor="#ffffff" width="3"><img width="3" src="/nzz/online/images/pixel.gif"></td>
      <td bgcolor="#ff0000" width="1"><img width="1" src="/nzz/online/images/pixel.gif"></td>
     </tr>
    </table>

</td><td></td><td valign="top">
    <p>Hier erscheint Text, der unterschiedlich lang sein kann.<br>
     Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>
     Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>
    </p>
   </td></tr>
  </table>

</body>
</html>