blob: 61cd39bc4f9dd4795d68077fd2991196c2d0df1f [file] [log] [blame]
<!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>