35 lines
890 B
HTML
35 lines
890 B
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>
|