4 <title>Spanning cell has high percent width
</title>
6 table { width:
500px; }
8 td.aqua { background: aqua }
9 td.lime { background: lime }
10 td.blue { background: blue }
11 td.pink { background: pink }
12 td.yellow { background: yellow }
14 td.lowPct { width:
10% }
15 td.medPct { width:
40% }
16 td.hiPct { width:
50% }
17 td.specWidth { width:
50px }
21 <h2>No third column
</h2>
22 <table cellpadding=
"0" cellspacing=
"0">
24 <td colspan=
"2" class=
"aqua hiPct"></td>
26 <td class=
"lime specWidth"></td>
27 <td class=
"blue"></td>
31 <h2>Third column with low percent width
</h2>
32 <table cellpadding=
"0" cellspacing=
"0">
34 <td colspan=
"2" class=
"aqua hiPct"></td>
35 <td class=
"yellow lowPct"></td>
37 <td class=
"lime specWidth"></td>
38 <td class=
"blue"></td>
39 <td class=
"pink lowPct"></td>
43 <h2>Third column with medium percent width
</h2>
44 <table cellpadding=
"0" cellspacing=
"0">
46 <td colspan=
"2" class=
"aqua hiPct"></td>
47 <td class=
"yellow medPct"></td>
49 <td class=
"lime specWidth"></td>
50 <td class=
"blue"></td>
51 <td class=
"pink medPct"></td>
55 <h2>Third column with preferred width
</h2>
56 <table cellpadding=
"0" cellspacing=
"0">
58 <td colspan=
"2" class=
"aqua hiPct"></td>
59 <td class=
"yellow specWidth"></td>
61 <td class=
"lime specWidth"></td>
62 <td class=
"blue"></td>
63 <td class=
"pink specWidth"></td>