413286-6.html (1335B)
1 <html> 2 <head><style> 3 table { width: 600px; } 4 td.smallSpec { width: 100px; } 5 td.zeroSpec { width: 0px; } 6 td.smallPct { width: 10%; } 7 td.pink { background: pink; } 8 td.teal { background: teal; } 9 </style></head> 10 <body> 11 12 <h2>Other column fixed-width; two zero columns with colspan; explicit 0 width on span</h2> 13 14 <table cellspacing="0" cellpadding="0"> 15 <tr> 16 <td class="smallSpec pink">100</td> 17 <td class="zeroSpec teal" colspan="2"/> 18 </tr> 19 </table> 20 21 <h2>Other column percent-width; two zero columns with colspan; explicit 0 width on span</h2> 22 23 <table cellspacing="0" cellpadding="0"> 24 <tr> 25 <td class="smallPct pink">10%</td> 26 <td class="zeroSpec teal" colspan="2"/> 27 </tr> 28 </table> 29 30 <h2>Other column fixed-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2> 31 32 <table cellspacing="0" cellpadding="0"> 33 <tr> 34 <td class="smallSpec pink">100</td> 35 <td class="zeroSpec teal"/> 36 </tr> 37 <tr><td colspan="2"/></tr> 38 </table> 39 40 <h2>Other column percent-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2> 41 42 <table cellspacing="0" cellpadding="0"> 43 <tr> 44 <td class="smallPct pink">10%</td> 45 <td class="zeroSpec teal"/> 46 </tr> 47 <tr><td colspan="2"/></tr> 48 </table> 49 50 </body> 51 </html>