4 <title>Span & its columns have no 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.specWidth { width:
50px }
20 <h2>No third column
</h2>
21 <table cellpadding=
"0" cellspacing=
"0">
23 <td colspan=
"2" class=
"aqua"></td>
25 <td class=
"lime"></td>
26 <td class=
"blue"></td>
30 <h2>Third column with low percent width
</h2>
31 <table cellpadding=
"0" cellspacing=
"0">
33 <td colspan=
"2" class=
"aqua"></td>
34 <td class=
"yellow lowPct"></td>
36 <td class=
"lime"></td>
37 <td class=
"blue"></td>
38 <td class=
"pink lowPct"></td>
42 <h2>Third column with medium percent width
</h2>
43 <table cellpadding=
"0" cellspacing=
"0">
45 <td colspan=
"2" class=
"aqua"></td>
46 <td class=
"yellow medPct"></td>
48 <td class=
"lime"></td>
49 <td class=
"blue"></td>
50 <td class=
"pink medPct"></td>
54 <h2>Third column with preferred width
</h2>
55 <table cellpadding=
"0" cellspacing=
"0">
57 <td colspan=
"2" class=
"aqua"></td>
58 <td class=
"yellow specWidth"></td>
60 <td class=
"lime"></td>
61 <td class=
"blue"></td>
62 <td class=
"pink specWidth"></td>