blob: a0e882206e66afa51356c5b01969ac8ac8cb4a8d [file] [log] [blame]
<style>
table { border-spacing: 5px 0; table-layout: fixed; width: 445px; margin-top: 5px; }
td { height: 50px; }
#ref td { background-color: red; }
#test td { background-color: green; }
</style>
<div id="ref" style="position: absolute; top: 0; left: 0;">
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
<table><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>
</div>
<div id="test" style="position: absolute; top: 0; left: 0;">
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr>
<td colspan="3"></td>
<td colspan="5"></td>
</tr>
</table>
<table>
<tr>
<td colspan="2"></td>
<td></td>
<td colspan="5"></td>
</tr>
</table>
<table>
<tr>
<td colspan="2"></td>
<td colspan="6"></td>
</tr>
</table>
<table>
<tr>
<td></td>
<td colspan="7"></td>
</tr>
</table>
<table>
<tr>
<td></td>
<td colspan="2"></td>
<td colspan="5"></td>
</tr>
</table>
<table>
<tr>
<td colspan="2"></td>
<td colspan="4"></td>
<td></td>
<td></td>
</tr>
</table>
</div>