Få en tabel til at fylde 100% højde i en anden tabel

100% af 100% = 100%

Jeg ved ikke om jeg helt forstår spørgsmålet korrekt, men hvorfor skulle man ikke kunne gøre som du selv siger:

<table border="1" width="100%" height="100%" bordercolor="#808080" cellpadding="2" cellspacing="2">
<tr>
<td align="center">
<table border="1" bordercolor="#FF0000" width="200" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>

Du har forstået det rigtigt. Men det virker bare ikke, når man gør sådan.

hvordan virker det ikke? hvordan vil du have at det skal se ud?

du må forklare noget mere - og hvad det er du mener der ikke virker?

Den indvendige tabel kan jo sagtens blive 100% i højden - hvis du mener det er fordi den ikke fylder helt ud i eks. herover så sæt cellpadding og cellspacing til "0"

<ole>

soulmand >> Du har vist fundamentalt misforstået box-modellen i W3C's HTML-rekommendationer. Derfor fungerer dit eksempel ikke i browsere, der opfylder disse - kun i IE.

Den celle, der indeholder den inderste tabel skal sættes til style="height:100%". Ellers giver det overhovedet ingen mening at sætte en højde på inder-tabellen

/mvh
</bole>

olebole> if you say so - jeg tester kun i IE - ingen disput om det, vel ?  ;-)

Vil det sige at indertabellen "klapper helt sammen" og ikke fylder 100% i højden i jeres ikke-IE browsere - tough!

yups ... logisk nok, da den jo fylder 100% af ingenting - hvis der ikke er sat en højde på td'en.
Angives en relativ højde på et HTML-element, skal den udregnes af det omkransende elements størrelse. Det omkransende element er her td'en og hvis der ikke er sat størrelse på den - ja, såååhhhhhh .......  :)
/mvh

Takker, en af mine venner har testet det - smider lige link + kodeeksempel.

<table border="1" width="100%" height="100%" bordercolor="#808080" cellpadding="2" cellspacing="2">
  <tr>
    <td align="center" style="height:100%">
      <table border="1" bordercolor="#FF0000" width="200" height="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Link: http://etlekana.lir.dk/table.htm