OLD | NEW |
(Empty) | |
| 1 <style> |
| 2 table { border-collapse: collapse; } |
| 3 td { border: 1px solid #000000; } |
| 4 </style> |
| 5 <script src="../../resources/check-layout.js"></script> |
| 6 <body onload="checkLayout('tr')"> |
| 7 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issu
es/detail?id=396655">396655</a>. Tables with specific merge cell configuration r
ender with extra height to tr elements.</h4> |
| 8 <p>We have the below table. Because cell A and cell D overlap in the second
row, the height of the second row is the 1px difference between A and B and the
1px difference between C and D.</p> |
| 9 <pre>+-----+-----+</pre> |
| 10 <pre>| | B |</pre> |
| 11 <pre>| A +-----+</pre> |
| 12 <pre>| | |</pre> |
| 13 <pre>+-----+ D |</pre> |
| 14 <pre>| C | |</pre> |
| 15 <pre>+-----+-----+</pre> |
| 16 <table style="width: 624px;"> |
| 17 <tbody> |
| 18 <tr data-expected-height="32"> |
| 19 <td rowspan="2" style="height: 33px;"></td> |
| 20 <td style="height: 32px;"></td> |
| 21 </tr> |
| 22 <tr data-expected-height="1"> |
| 23 <td rowspan="2" style="height: 33px;"></td> |
| 24 </tr> |
| 25 <tr data-expected-height="32"> |
| 26 <td style="height: 32px;"></td> |
| 27 </tr> |
| 28 </tbody> |
| 29 </table> |
| 30 </body> |
OLD | NEW |