Jonas: Tabellenzelle nicht höher als Inhalt

Hallo,
kurze Frage wie kann man mit HTML bestimmen, daß eine Tabellenzelle/-reihe nicht höher als der Inhalt dargestellt wird?
Habe eine Tabelle wie folgt:
<tr>
<td rowspan="2">langer Inhalt</td>
<td>kurzer Inhalt</td>
<td rowspan="2">langer Inhalt</td>
</tr>
<tr>
<td>kurzer Inhalt</td>
</tr>
Tabelleninhalte sind obenbündig definiert
Wenn ich die Tabelle so wie oben habe sind die beiden Tabellenzellen mit "kurzem Inhalt" gleich groß, also gleichmäßig über die gesamte Tabellenhöhe verteilt. Ich möchte allerdings daß die erste Tabellenzelle mit "kurzem Inhalt" nur so hoch ist wie nötig um den Inhalt darzustellen. Da der Inhalt allerdings unterschiedlich sein kann, kann ich nicht vorbestimmen 100px o.ä.
Eine Angabe ala height="10%" o.ä. finde ich jetzt auch nicht so die prickelnde Lösung.

Gibt es da eine vernünftige Lösung? - Und ja, es muß eine Tabelle sein - ist nicht nur eine reine Layoutspielerei sondern inhaltlich so....

Grüße,
Jonas

  1. Hallo,
    kurze Frage wie kann man mit HTML bestimmen, daß eine Tabellenzelle/-reihe nicht höher als der Inhalt dargestellt wird?
    Habe eine Tabelle wie folgt:
    <tr>
    <td rowspan="2">langer Inhalt</td>
    <td>kurzer Inhalt</td>
    <td rowspan="2">langer Inhalt</td>
    </tr>
    <tr>
    <td>kurzer Inhalt</td>
    </tr>

    Zeile 1:
    <td style='height:1em'>kurzer Inhalt</td>

    sollte funktionieren. Falls die Zelle höher wird, wird 1em ignoriert.

    MfG Kalle

  2. Hallo,

    Wenn ich die Tabelle so wie oben habe sind die beiden Tabellenzellen mit "kurzem Inhalt" gleich groß, also gleichmäßig über die gesamte Tabellenhöhe verteilt. Ich möchte allerdings daß die erste Tabellenzelle mit "kurzem Inhalt" nur so hoch ist wie nötig um den Inhalt darzustellen.

    Bei modernen Browsern kann eine unabhängige Höhe auch durch floaten
    ermöglichst werden.

    Also z.B. so:

      
    td {float:left; height:auto; }  
    
    

    Grüsse aus Düsseldorf

    Cyx23