| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| table { |
| font: 20px/1 Ahem; |
| border-collapse: separate; |
| table-layout: fixed; |
| max-width: 300px; |
| width: 300px; |
| border: 1px solid #dddddd; |
| border-spacing: 0px; |
| } |
| |
| td { |
| padding: 0px; |
| width: 200px; |
| border-left: 1px solid #dddddd; |
| } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| </head> |
| <body onload="checkLayout('table')"> |
| <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> |
| <div>For this test to pass, the second cell shouldn't bleed out of the table.</div> |
| <table data-expected-width="404"> |
| <tbody> |
| <tr> |
| <td>Cell text</td> |
| <td>Cell text text text text</td> |
| </tr> |
| </tbody> |
| </table> |
| </body></html> |
