| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/check-layout.js"></script> |
| </head> |
| <body onload="checkLayout('td, table', output);"> |
| <p>Test for handling calc() values on table elements as if they were Auto. Check crbug.com/350852 for details.</p> |
| <div id="output"></div> |
| <table cellpadding="0" cellspacing="0" data-expected-width="100" data-expected-height="100"> |
| <tr> |
| <td colspan="5" style="width: calc(100% + 100px);" data-expected-width="100" data-expected-height="100"> |
| <div style="height: 100px; width: 100px"/> |
| </td> |
| </tr> |
| </table> |
| |
| <table cellpadding="0" cellspacing="0" style="table-layout:fixed;" data-expected-width="100" data-expected-height="100"> |
| <tr> |
| <td colspan="5" style="width: calc(100% + 100px);" data-expected-width="100" data-expected-height="100"> |
| <div style="height: 100px; width: 100px"/> |
| </td> |
| </tr> |
| </table> |
| </body> |
| </html> |