LayoutTests/fast/table/html-table-width-max-width-constrained.html - WebKit - Git at Google

 <!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>
	<!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>