mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-12-11 16:32:59 +00:00
68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Spanning cell has high percent width</title>
|
||
|
|
<style>
|
||
|
|
table { width: 500px; }
|
||
|
|
td { height: 2em; }
|
||
|
|
td.aqua { background: aqua }
|
||
|
|
td.lime { background: lime }
|
||
|
|
td.blue { background: blue }
|
||
|
|
td.pink { background: pink }
|
||
|
|
td.yellow { background: yellow }
|
||
|
|
|
||
|
|
td.lowPct { width: 10% }
|
||
|
|
td.medPct { width: 40% }
|
||
|
|
td.hiPct { width: 50% }
|
||
|
|
td.specWidth { width: 50px }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h2>No third column</h2>
|
||
|
|
<table cellpadding="0" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td colspan="2" class="aqua hiPct"></td>
|
||
|
|
</tr><tr>
|
||
|
|
<td class="lime specWidth"></td>
|
||
|
|
<td class="blue"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h2>Third column with low percent width</h2>
|
||
|
|
<table cellpadding="0" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td colspan="2" class="aqua hiPct"></td>
|
||
|
|
<td class="yellow lowPct"></td>
|
||
|
|
</tr><tr>
|
||
|
|
<td class="lime specWidth"></td>
|
||
|
|
<td class="blue"></td>
|
||
|
|
<td class="pink lowPct"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h2>Third column with medium percent width</h2>
|
||
|
|
<table cellpadding="0" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td colspan="2" class="aqua hiPct"></td>
|
||
|
|
<td class="yellow medPct"></td>
|
||
|
|
</tr><tr>
|
||
|
|
<td class="lime specWidth"></td>
|
||
|
|
<td class="blue"></td>
|
||
|
|
<td class="pink medPct"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h2>Third column with preferred width</h2>
|
||
|
|
<table cellpadding="0" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td colspan="2" class="aqua hiPct"></td>
|
||
|
|
<td class="yellow specWidth"></td>
|
||
|
|
</tr><tr>
|
||
|
|
<td class="lime specWidth"></td>
|
||
|
|
<td class="blue"></td>
|
||
|
|
<td class="pink specWidth"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|