Bernhard Peissl: Vertikale Linie über ganze Tabellenzelle

Beitrag lesen

Hallo!

Ich hätte nicht gedacht, dass mir HTML nochmal solche Kopfzerbrechen bereiten kann ;-) Ich möchte gern eine senkrechte Linie in der Höhe einer Tabellenzelle (=100%) machen, aber es ist wie verhext! Hier mal alle meine bisherigen Versuche, teilweise auch aus dem Archiv:

1.Versuch:
-------------------------------------
<tr>
<td valign="top" rowspan="2" align="center" width="100" background="gifs/vertred.gif">
  <br>
</td>
<td align="left" height="60" valign="middle" width="450">
  ....  Text ....
</td>
</tr>

Ergebnis: Klappt wunderbar, allerdings wird das Hintergrundbild durch das br nach rechts geschoben! Warum????
Mit <hr size="0"> statt <br> ist zwar das Hintergrundbild schön zentriert, allerdings ist die hr ganz und gar nicht "0" :-( Sondern 1px dick! Gibts irgendwas "unsichtbares", das ich in die Zelle schreiben kann, damit das hintergrundbild auch (richtig!!) angezeigt wird?

2.Versuch
-------------------------
<tr>
<td valign="top" rowspan="2" align="center" width="100">
<img src="gifs/vertred.gif" height="100%" width="100" border="0">
</td>
<td align="left" height="60" valign="middle" width="450">
  ....  Text ....
</td>
</tr>

Ergebnis: Netscape wehrt sich gegen das height="100%" - wird einfach ignoriert. Das Image bleibt in der Grösse, wie es eben gross ist (5px)

3. Versuch
-------------------------------
<tr>
<td valign="top" rowspan="2" align="center" width="100">
  <table border="0" width="2" height="100%" align="center" cellpadding="0" cellspacing="0">
   <tr height=100%><td valign=bottom bgcolor=red width=2><hr size="0"></td>
   </tr>
  </table>
</td>
<td align="left" height="60" valign="middle" width="450">
  ....  Text ....
</td>
</tr>

Ergebnis: Tja, da klappte gar nix :-(

Weiss jemand Rat? Es muss allerdings _unbedingt_ in die Zelle rein, an der Aussentabelle kann ich nix rumwurschteln!

liebe Grüsse
Bernhard