third_party/WebKit/LayoutTests/fast/table/table-rowspan-row-height-less-than-content-height.html

   1 <!DOCTYPE html>
   2 <style>
   3     table { width : 600px }
   4     #percent-height { height : 1% }
   5     td { font: 15px/1 Ahem }
   6 </style>
   7 <script src="../../resources/check-layout.js"></script>
   8 <body onload="checkLayout('tr');">
   9     <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=406043">406043</a>. Negative row height when cell has percentage height.</h3>
  10     <table>
  11         <tr data-offset-y="2">
  12             <td height="100px" rowspan="4"> This is rowspan cell. It would span 3 rows in table.</td>
  13             <td width="500px"> This is first row second column. </td>
  14         </tr>
  15         <tr data-offset-y="21">
  16             <td id="percent-height"> This is second row first column. But it should display as second column. </td>
  17         </tr>
  18         <tr data-offset-y="70">
  19             <td id="percent-height"> This is third row first column. But it should display as second column. </td>
  20         </tr>
  21         <tr data-offset-y="119">
  22             <td id="percent-height"> This is fourth row first column. But it should display as second column. </td>
  23         </tr>
  24     </table>
  25 </body>