Matthias: Zellenhöhe in Tabelle mit rowspan

Hallo allerseits,

eine scheinbar triviale, aber nach einigem Herumprobieren doch knifflige Aufgabe:

In folgender Tabelle

<table border="1">
 <tr>
  <td rowspan="2">links<br>links<br>links<br>links<br>links<br></td>
  <td>rechts oben</td>
 </tr>
 <tr>
  <td>rechts unten</td>
 </tr>
</table>

hätte ich die Zelle mit dem Text "rechts oben" gerne nur so hoch wie ihr Inhalt, sprich die Worte "rechts oben". Dies soll immer der Fall sein, unabhängig vom Inhaltz der Zelle mit dem Text "links<br>...".

Und das ganze soll natürlich im IE und im Netscape funktionieren ;-)

Danke schonmal,
Matthias

  1. Hallo Matthias,

    hätte ich die Zelle mit dem Text "rechts oben" gerne nur so hoch wie ihr Inhalt, sprich die Worte "rechts oben". Dies soll immer der Fall sein, unabhängig vom Inhaltz der Zelle mit dem Text "links<br>...".

    Setze mal valign="top" in die Spalte. Das müsste funktionieren.

    Viele Grüße

    Patrick Canterino

    1. Hallo,

      Ich mein nicht, dass der Inhalt der Zelle nach oben wandern soll, sondern dass, wenn man sich die Zellen eingefärbt vorstellt, die farbige Fläche nur so groß ist wie der tatsächliche Inhalt.

      Ich hoffe die Erklärung ist halbwegs verständlich...

      Viele Grüße,
      Matthias

      Hallo Matthias,

      hätte ich die Zelle mit dem Text "rechts oben" gerne nur so hoch wie ihr Inhalt, sprich die Worte "rechts oben". Dies soll immer der Fall sein, unabhängig vom Inhaltz der Zelle mit dem Text "links<br>...".

      Setze mal valign="top" in die Spalte. Das müsste funktionieren.

      Viele Grüße

      Patrick Canterino

      1. Hallo Matthias,

        Ich mein nicht, dass der Inhalt der Zelle nach oben wandern soll, sondern dass, wenn man sich die Zellen eingefärbt vorstellt, die farbige Fläche nur so groß ist wie der tatsächliche Inhalt.

        Ach das meinst du!
        Das geht so:

        <span style="background-color:Farbe">Text</span>

        Viele Grüße

        Patrick Canterino

  2. <html>
      <head>
      <meta NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
      </head>
      <body>
        <table border="1">
          <tr>
            <td>links<br>links<br>links<br>links<br>links<br></td>
            <td valign="top">
              <table border="1">
                <tr>
                  <td>rechts oben</td>
                </tr>
                <tr>
                  <td>rechts unten</td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
    </html>
    wäre ne möglichkeit

    1. <html>
        <head>
        <meta NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
        </head>
        <body>
          <table border="1">
            <tr>
              <td>links<br>links<br>links<br>links<br>links<br></td>
              <td valign="top" height="100%">
                <table border="1" height="100%">
                  <tr>
                    <td>rechts oben</td>
                  </tr>
                  <tr>
                    <td height="100%">rechts unten</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </body>
      </html>
      und so siehts genauso aus wie du willst, aber nicht html-konform.