| <!DOCTYPE html> |
| <html> |
| <head> |
| <script type="text/javascript"> |
| function runTest() { |
| var outer = document.getElementById('outer'); |
| outer.style.width = '100px'; |
| window.checkLayout("#outer", document.getElementById("test-output")); |
| }; |
| </script> |
| <script src="../../resources/check-layout.js"></script> |
| <style> |
| #outer { |
| display: table; |
| table-layout: fixed; |
| } |
| #inner { |
| display: table-cell; |
| height: 50px; |
| background-color: green; |
| min-width: 200px; |
| } |
| </style> |
| </head> |
| <body onload="runTest()"> |
| Tests that the table width having table-layout fixed changes when width is changed dynamically. |
| <div id="outer" data-expected-width="100"> |
| <div id="inner"></div> |
| </div> |
| <div id="test-output"></div> |
| </body> |
| </html> |
