third_party/WebKit/LayoutTests/fast/table/double-height-table-no-tbody-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     body { font-size: 13px; font-family: serif; }
   6     table { border: 1px solid red; border-spacing: 0px; padding: 0px; }
   7     th { border: 1px solid red; width: 125px; }
   8     .height20px { height: 20px; }
   9     .height19px { height: 19px; }
  10     .smallerFont { font-size: 10px; }
  11 </style>
  12 </head>
  13 <body>
  14 <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=37244">37244</a>: thead in table without tbody causes table height doubling</p>
  15 <p>There should not be any gap between the tables' border and the rows'.</p>
  16 <h1>height = 20px</h1>
  17 <table class="height20px">
  18 <tbody>
  19 <tr>
  20     <th>A</th>
  21     <th>B</th>
  22     <th>C</th>
  23     <th>D</th>
  24 </tr>
  25 </tbody>
  26 </table>
  27 <br>
  28 <table class="height20px">
  29 <tbody>
  30 <tr>
  31     <th>A</th>
  32     <th>B</th>
  33     <th>C</th>
  34     <th>D</th>
  35 </tr>
  36 </tbody>
  37 </table>
  38
  39 <h1>height = 19px, font-size = 10px</h1>
  40 <table class="height19px smallerFont">
  41 <tbody>
  42 <tr>
  43     <th>A</th>
  44     <th>B</th>
  45     <th>C</th>
  46     <th>D</th>
  47 </tr>
  48 </tbody>
  49 </table>
  50 <br>
  51 <table class="height19px smallerFont">
  52 <tbody>
  53 <tr>
  54     <th>A</th>
  55     <th>B</th>
  56     <th>C</th>
  57     <th>D</th>
  58 </tr>
  59 </tbody>
  60 </table>
  61
  62 </body>
  63 </html>