dynamic-fixed-layout-1.html (917B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <!-- The fixed height on the body is in fact needed to reproduce bug 735579 4 for some reason --> 5 <body style="height: 100px;"> 6 <script> 7 window.onload = function() { 8 var target = document.getElementById("test-target"); 9 window.targetWidth = target.getBoundingClientRect().width; 10 target.style.width = "100px"; 11 document.documentElement.className = ""; 12 } 13 </script> 14 <table style="width: 250px; table-layout: fixed;"> 15 <tr> 16 <td style="width: 100px; background: #CC99CC;">A</td> 17 <td id="test-target" style="background: #99CCCC;">B</td> 18 <td style="background: #CCCC99;">C</td> 19 </tr> 20 <tr> 21 <td style="background: #CC99CC;">D</td> 22 <td style="background: #99CCCC;">E</td> 23 <td style="background: #CCCC99;">F</td> 24 </tr> 25 </table> 26 </body> 27 </html>