third_party/WebKit/LayoutTests/tables/mozilla_expected_failures/bugs/bug58402-2.html

   1 <html>
   2   <head>
   3     <style>
   4       div {
   5         width: 200px;
   6         height: 200px;
   7         border: 3px solid red;
   8         text-align: center;
   9         float: left;
  10       }
  11     </style>
  12     <script>
  13       a = "200px"
  14       function f()
  15       {
  16         a = a=="200px" ? "350px" : "200px";
  17         document.getElementById("d").style.width=a;
  18         document.getElementById("d").style.height=a;
  19       }
  20
  21       function t()
  22       {
  23         s = "";
  24         s += "col 1: " + document.getElementById("c1").offsetWidth + "\n";
  25         s += "col 2: " + document.getElementById("c2").offsetWidth + "\n";
  26         s += "col 3: " + document.getElementById("c3").offsetWidth + "\n";
  27         s += "row 1: " + document.getElementById("r1").offsetHeight + "\n";
  28         s += "row 2: " + document.getElementById("r2").offsetHeight + "\n";
  29         s += "row 3: " + document.getElementById("r3").offsetHeight + "\n";
  30         alert(s);
  31       }
  32     </script>
  33   </head>
  34   <body>
  35     <table border="1">
  36       <tr>
  37         <td></td>
  38         <td id="c1">col 1</td>
  39         <td width="50" id="c2">col 2</td>
  40         <td id="c3">col 3</td>
  41       </tr>
  42       <tr>
  43         <td id="r1">row 1</td>
  44         <td rowspan=3 colspan=3>
  45           <div id="d">tjosan</div>
  46         </td>
  47       </tr>
  48       <tr>
  49         <td height="50" id="r2">row 2</td>
  50       </tr>
  51       <tr>
  52         <td id="r3">row 3</td>
  53       </tr>
  54     </table>
  55     <input type="button" onClick="f();" value="expand">
  56     <input type="button" onClick="t();" value="sizes">
  57   </body>
  58 </html>