third_party/WebKit/LayoutTests/fast/table/cell-width-auto.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2 "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5 <title>width in &lt;COL&gt;</title>
   6 </head>
   7 <body>
   8 <div style="width: 600px;">
   9 <p>The following two tables should be the same.</p>
  10 <p>Table 1: width in &lt;COL&gt;</p>
  11 <table style="table-layout:auto;">
  12     <col style="width: 150px;">
  13     <col style="width: 100px;">
  14     <tr>
  15         <td style="background: yellow;">
  16             Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo.
  17         </td>
  18         <td style="background: green;">
  19             Lorem ipsum
  20         </td>
  21     </tr>
  22 </table>
  23 <p>Table 2: width in &lt;TD&gt;</p>
  24 <table style="table-layout:auto;">
  25     <tr>
  26         <td style="width: 150px; background: yellow;">
  27             Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo.
  28         </td>
  29         <td style="width: 100px; background: green;">
  30             Lorem ipsum
  31         </td>
  32     </tr>
  33 </table>
  34 </div>
  35 </body>
  36 </html>