fixed-layout-calc-width-001.html (867B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <script src="/resources/check-layout-th.js"></script> 5 <link rel="author" title="David Grogan" href="dgrogan@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#distributing-width-to-columns"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/94"> 8 9 <style> 10 table { 11 width: 200px; 12 border-collapse: collapse; 13 table-layout: fixed; 14 height: 20px; 15 } 16 17 td { 18 padding: 0px; 19 background: lime; 20 outline: 1px solid blue; 21 } 22 </style> 23 24 <h2>Calc width on col is treated as auto, even in fixed tables</h2> 25 26 <table id=theTable> 27 <col style="width:calc(20% + 80px)"> 28 <tr> 29 <td data-expected-width=100></td> 30 <td data-expected-width=100></td> 31 </tr> 32 </table> 33 34 <script> 35 checkLayout('#theTable') 36 </script>