OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 No red should show. Yellow and blue rectangles are in proportion to their |
| 3 contents' intrinsic widths, not counting yellow's percent-driven bloat. |
| 4 <table id="outerTable" style="width: 300px" cellspacing="0" cellpadding="0"> |
| 5 <td style="background:red;"> |
| 6 <table cellspacing="0" cellpadding="0"> |
| 7 <td style="width:1%; background:yellow;" data-expected-width="100"> |
| 8 <div style="width:20px; height:150px;"></div> |
| 9 </td> |
| 10 </table> |
| 11 </td> |
| 12 <td style="background:lightblue;" data-expected-width="200"> |
| 13 <div style="width:40px; height:150px;"></div> |
| 14 </td> |
| 15 </table> |
| 16 <script src="../../resources/check-layout.js"></script> |
| 17 <script> |
| 18 checkLayout('#outerTable'); |
| 19 </script> |
OLD | NEW |