| <!DOCTYPE HTML> |
| <style> |
| #test { |
| background-color: green; |
| padding: 0px; |
| margin: 0px; |
| width: 50px; |
| } |
| .full { |
| height: 100%; |
| width: 100%; |
| } |
| .fixed { |
| height: 1px; |
| } |
| </style> |
| <p>crbug.com/637811: There should be a green box below.</p> |
| <table style="width: 50px;"> |
| <tr style="height: 50px;"> |
| <td class="fixed"> |
| <table id="test" class="full" data-expected-height=48 data-expected-width=50></table> |
| </td> |
| </tr> |
| </table> |
| <p>crbug.com/637811: There should be a green box below.</p> |
| <table style="width: 50px;"> |
| <tr style="height: 50px;"> |
| <td class="fixed"> |
| <div id="test" class="full" data-expected-height=48 data-expected-width=50></div> |
| </td> |
| </tr> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <script> |
| checkLayout("#test"); |
| </script> |
