Google Git
Sign in
chromium / chromium / src / e92d0a685af6a88b47d10a6abf5f9aaf29dcdeb7 / . / third_party / WebKit / LayoutTests / fast / table / empty-cells.html
blob: d73f9d6879142782f286304e42763a5b7826bb86 [file] [log] [blame]
<html><head>
<style type="text/css">
.percent { width:50%; }
.fixed { width:400px; }
.cell2 {height:25px; background-color: red }
.border { border: 2px solid green }
.padding { padding: 2px }
.margin { margin: 2px }
.bgcolor { background-color: yellow }
.pre { white-space: pre }
table { border: 2px solid black }
</style>
<body leftmargin="0" topmargin="0">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2">First cell empty, second auto width</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2 percent">First cell empty, second percent width</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2 fixed">First cell empty, second fixed width</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1 pre"> </td>
<td class="cell2 percent">First cell empty (with space) and has white-space:pre</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1 pre"></td>
<td class="cell2 percent">First cell empty (no space) and has white-space:pre</td>
</tr>
</tbody>
</table>
<table id=c cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1 border"> </td>
<td class="cell2 percent">First cell empty but has border</td>
</tr>
</tbody>
</table>
<table id=c cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1 padding"> </td>
<td class="cell2 percent">First cell empty but has padding</td>
</tr>
</tbody>
</table>
<table id=c cellpadding="1" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2 percent">First cell empty, table has cellpadding</td>
</tr>
</tbody>
</table>
<table id=c cellpadding="0" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2 percent">First cell empty, table has cellspacing</td>
</tr>
</tbody>
</table>
<table id=c cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1 margin"> </td>
<td class="cell2 percent">First cell empty but has margin</td>
</tr>
</tbody>
</table>
<table id=e cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1 bgcolor"> </td>
<td class="cell2 percent">First cell empty but has background color</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2 percent">First row, first cell empty</td>
</tr>
<tr>
<td class="cell1"> text </td>
<td class="cell2 percent">Second row, first cell not empty</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2 percent">First row, first cell empty</td>
</tr>
<tr>
<td class="cell1"> </td>
<td class="cell2 percent">Second row, first cell empty</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1" colspan="2"> </td>
<td class="cell2 percent">First cell empty, has colspan</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell2"> text </td>
<td class="cell2 percent">First row, first cell empty, second cell non-empty</td>
</tr>
<tr>
<td class="cell1" colspan="2"> </td>
<td class="cell2">Second row, first cell empty with colspan=2</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell2"> text </td>
<td class="cell1"> </td>
<td class="cell2 percent">First row, first cell non-empty, second cell empty</td>
</tr>
<tr>
<td class="cell1" colspan="2"> </td>
<td class="cell2">Second row, first cell empty with colspan=2</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell1"> </td>
<td class="cell2 percent">First row, first and second cell empty</td>
</tr>
<tr>
<td class="cell1" colspan="2"> </td>
<td class="cell2 percent">Second row, first cell empty, has colspan=2</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell1"> </td>
<td class="cell2 percent">First row, first and second cell empty</td>
</tr>
<tr>
<td class="cell1 percent" colspan="2"> </td>
<td class="cell2 percent">Second row, first cell empty, has colspan=2 and percent width</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="cell1"> </td>
<td class="cell1"> </td>
<td class="cell2 percent">First row, first and second cell empty</td>
</tr>
<tr>
<td class="cell1 fixed" colspan="2"> </td>
<td class="cell2 percent">Second row, first cell empty, has colspan=2 and fixed width</td>
</tr>
</tbody>
</table>
One empty cell:
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class=""> </td>
</tr>
</tbody>
</table>
Two empty cells:
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class=""> </td>
<td class=""> </td>
</tr>
</tbody>
</table>
</body>
</html>