third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug30692.html

   1 <html>
   2 <body>
   3 BUG: Inside a cell, "height:x%" is ignored. It looks like 'auto' is used instead.<br>
   4 <li>Absolute units work correctly (eg. 50px).
   5 <li>"width:x%" works correctly.
   6
   7 <hr>
   8 <table style="height:100px;width:100%">
   9 <tr>
  10 <td style="height:100%;width:100%;background: red;" >
  11 <textarea style="width:80%;height:80%">BUG: the height of the textarea is not 80%</textarea>
  12 </td>
  13 </tr>
  14 </table>
  15
  16 <hr>
  17 <table style="height:100px;width:100%">
  18 <tr>
  19 <td style="height:100%;width:100%;background: red;" >
  20 <textarea style="width:80%;height:80px">OK: the height of the textarea is 80 pixels</textarea>
  21 </td>
  22 </tr>
  23 </table>
  24
  25 <hr>
  26 <table style="height:100px;width:100%">
  27 <tr>
  28 <td style="height:100%;width:100%;background: red;" >
  29 <p style="width:80%;height:80%;background:lightyellow;">BUG: the height of the P is not 80%</p>
  30 </td>
  31 </tr>
  32 </table>
  33
  34 <hr>
  35 <table style="height:100px;width:100%">
  36 <tr>
  37 <td style="height:100%;width:100%;background: red;" >
  38 <p style="width:80%;height:80px;background:lightyellow;">OK: the height of the P is 80 pixels</p>
  39 </td>
  40 </tr>
  41 </table>
  42
  43
  44 </body>
  45 </html>
  46
  47