src/third_party/WebKit/LayoutTests/fast/table/html-table-width-max-width-constrained.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 table {
   6     font: 20px/1 Ahem;
   7     border-collapse: separate;
   8     table-layout: fixed;
   9     max-width: 300px;
  10     width: 300px;
  11     border: 1px solid #dddddd;
  12     border-spacing: 0px;
  13 }
  14
  15 td {
  16     padding: 0px;
  17     width: 200px;
  18     border-left: 1px solid #dddddd;
  19 }
  20 </style>
  21 <script src="../../resources/check-layout.js"></script>
  22 </head>
  23 <body onload="checkLayout('table')">
  24     <div>This test checks that a fixed table layout with max-width doesn't over-constraint the cell (ie the content width still wins over max-width per the specification).</div>
  25     <div>For this test to pass, the second cell shouldn't bleed out of the table.</div>
  26     <table data-expected-width="404">
  27         <tbody>
  28             <tr>
  29             <td>Cell text</td>
  30             <td>Cell text text text text</td>
  31             </tr>
  32         </tbody>
  33     </table>
  34 </body></html>