| <!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> |