✔ tr height in % angeben

[phamez]

Hallo,

ich habe folgendes Problem: Ich habe eine Tabelle (nennen wir sie #1) mit 2 Spalten, in der linken Spalte dieser Tabelle befindet sich wiederum eine Tabelle (#2) mit 3 Zeilen.

Die Höhe der zwei oberen Zeilen von Tabelle #2 soll immer gleich bleiben, die Höhe der untersten Zeile soll immer 100% der Höhe der umgebenden Spalte von Tabelle #1 sein.

Hier ein Code-Auszug:

<td colspan="5" rowspan="3" background="Bilder/bg_white.gif" width="152" height="743" alt=""><table id="Tabelle_01" width="152" height="215" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="3"><img src="Bilder/menu_01.gif" width="150" height="30" alt=""></td>
          <td rowspan="3"><img src="Bilder/menu_02.gif" width="2" height="67" alt=""></td>
        </tr>
        <tr>
          <td><img src="Bilder/menu_03.gif" width="14" height="8" alt=""></td>
          <td><img src="Bilder/menu_04.gif" width="118" height="8" alt=""></td>
          <td><img src="Bilder/menu_05.gif" width="18" height="8" alt=""></td>
        </tr>
        <tr>
          <td colspan="3"><img src="Bilder/menu_06.gif" width="150" height="29" alt=""></td>
        </tr>
        <tr>
          <td colspan="4"><img src="Bilder/menu_07.gif" width="152" height="18" alt=""></td>
        </tr>
        <tr>
          <td colspan="4"><img src="Bilder/menu_08.gif" width="152" height="19" alt=""></td>
        </tr>
        <tr>
          <td colspan="4"><img src="Bilder/menu_09.gif" width="152" height="19" alt=""></td>
        </tr>
        <tr>
          <td colspan="4"><img src="Bilder/menu_10.gif" width="152" height="19" alt=""></td>
        </tr>
        <tr>
          <td colspan="4"><img src="Bilder/menu_11.gif" width="152" height="19" alt=""></td>
        </tr>
        <tr>
          <td colspan="4"><img src="Bilder/menu_12.gif" width="152" height="19" alt=""></td>
        </tr>
        <tr>
          <td colspan="4" background="Bilder/menu_13.gif" width="152" height="100" alt=""></td>
        </tr>
      </table></td>

Weiss jemand Rat? Wäre sehr dankbar.

mfg,
pHamez

 

[herrgarnele]

Hallo phamez,

wenn ich Dich richtig verstehe, dann möchtest Du eine von 3 Zeilen auf 100% der Höhe der alle drei umgebenden Spalte bringen.
Wenn die dritte Spalte aber schon 100% der Gesamthöhe einnimmt, können die anderen beiden doch gar keine Höhe mehr haben?! Bzw. anders herum, wenn die anderen beiden Zeilen eine fixe Höhe haben, kann die dritte doch gar nicht mehr auf 100% der Gesamthöhe kommen!?

 

[phamez]

Hm ja sozusagen hast du Recht, aber ich will eben dass die 3te Spalte dann den Rest der verbleibenden Höhe einnimmt, also bis ganz runter geht...

 

[Dr Dau]

Hallo!

Meinst Du es ungefähr so?

<table border="1" height="500" width="800">
    <tr>   
        <td height="100%" width="200">
            <table border="1" height="100%" width="100%">
                <tr height="50" bgcolor="red">
                    <td>links 1</td>
                </tr>
                <tr height="50" bgcolor="green">
                    <td>links 2</td>
                </tr>
                <tr bgcolor="yellow">
                    <td>links 3</td>
                </tr>
            </table>
        </td>
        <td height="100%">
            <table border="1" height="100%" width="100%">
                <tr bgcolor="blue">
                    <td>rechts</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Gruss Dr Dau

 

[herrgarnele]

Ach soo,
sorry mein Fehler- hab ich nicht gecheckt!

Dann müste der Tipp von DrDau ja genau das Richtige sein!

 

[phamez]

danke, ich habs hinbekommen.