| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| table { |
| width: 330px; |
| table-layout: fixed; |
| border-spacing: 0px; |
| } |
| td { |
| padding: 0px; |
| } |
| </style> |
| <script src="../../../resources/js-test-pre.js"></script> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function test() |
| { |
| description("Bug 20213: colspan in table-layout:fixed does not add up widths properly"); |
| |
| testCell = document.getElementById("tdColspan"); |
| testTable = document.getElementsByTagName("table")[0]; |
| shouldBe("window.getComputedStyle(testCell).width", "'320px'"); |
| shouldBe("window.getComputedStyle(testTable).width", "'330px'"); |
| isSuccessfullyParsed(); |
| } |
| |
| window.addEventListener("load", test); |
| </script> |
| </head> |
| <body> |
| <table> |
| <colgroup> |
| <col width="10"> |
| <col width="300"> |
| <col width="10"> |
| <col width="10"> |
| </colgroup> |
| <tbody> |
| <tr> |
| <td></td> |
| <td colspan="3" id="tdColspan"></td> |
| </tr> |
| </tbody> |
| </table> |
| <div id="description"></div> |
| <div id="console"></div> |
| </body> |
| </html> |
