mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 06:35:42 +00:00
123 lines
2.5 KiB
HTML
123 lines
2.5 KiB
HTML
<html>
|
|
<head><style>
|
|
/* cellspacing=0 cellpadding=0 */
|
|
table { border-spacing: 0 }
|
|
td, th { padding: 0 }
|
|
|
|
/* Colors for the three cell types */
|
|
td.a { background: lightgreen; }
|
|
td.b { background: yellow; }
|
|
td.c { background: blue; }
|
|
|
|
/* Shrink-wrapping div */
|
|
div.shrinkwrap { width: 1px; }
|
|
|
|
/* Set min-width on colspanning cell */
|
|
td.c { min-width: 500px; }
|
|
|
|
/* Set %-width on 2nd cell of first row in tables */
|
|
table#t0 td.b { width: 1% }
|
|
table#t1 td.b { width: 5% }
|
|
table#t2 td.b { width: 10% }
|
|
table#t3 td.b { width: 30% }
|
|
table#t4 td.b { width: 50% }
|
|
table#t5 td.b { width: 75% }
|
|
table#t6 td.b { width: 80% }
|
|
table#t7 td.b { width: 90% }
|
|
table#t8 td.b { width: 95% }
|
|
table#t9 td.b { width: 100% }
|
|
|
|
</style></head>
|
|
<body>
|
|
<div class="shrinkwrap">
|
|
<table id="t0"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t1"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t2"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t3"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t4"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t5"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t6"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t7"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t8"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
|
|
<div class="shrinkwrap">
|
|
<table id="t9"><tr>
|
|
<td class="a">foo</td>
|
|
<td class="b">foo</td>
|
|
</tr><tr>
|
|
<td class="c" colspan="2"> </td>
|
|
</tr></table>
|
|
</div>
|
|
</body>
|
|
</html>
|