third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug3681-2.html

   1 <html>
   2 <head>
   3 <script>
   4     function hide() {
   5         var cell2 = document.getElementById("cell2");
   6         cell2.setAttribute("style", "border:2px solid green;display:none;width:0%;");
   7     }
   8     function show() {
   9         var cell2 = document.getElementById("cell2");
  10         cell2.setAttribute("style", "border:2px solid green;display:normal;width:33%;");
  11     }
  12 </script>
  13 </head>
  14 <body onload="hide()">
  15 <table width="80%">
  16     <tr>
  17         <td width="33%" style="border: 2px solid red;">
  18             Cell 1 (width=33%).
  19         </td>
  20         <td id="cell2" style="border:2px solid green;width:33%;">
  21             Cell 2 (width=33%).
  22         </td>
  23         <td width="*" style="border: 2px solid blue;">
  24             Cell 3 (width=*) - should be 67% when cell 2 is hidden, 33% when cell 2 is visible.
  25         </td>
  26     </tr>
  27 </table>
  28 </body>
  29 </html>