| <!DOCTYPE html> |
| No red should show. Yellow and blue rectangles are in proportion to their |
| contents' intrinsic widths, not affected by yellow's percent-width bloating the |
| inner table. |
| <table id="outerTable" style="width: 300px" cellspacing="0" cellpadding="0"> |
| <td style="background:red;"> |
| <table cellspacing="0" cellpadding="0"> |
| <td style="width:1%; background:yellow;" data-expected-width="100"> |
| <div style="width:20px; height:150px;"></div> |
| </td> |
| </table> |
| </td> |
| <td style="background:lightblue;" data-expected-width="200"> |
| <div style="width:40px; height:150px;"></div> |
| </td> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <script> |
| checkLayout('#outerTable'); |
| </script> |
