<html> <head><style> table { width: 600px; } td.smallSpec { width: 100px; } td.zeroSpec { width: 0px; } td.smallPct { width: 10%; } td.pink { background: pink; } td.teal { background: teal; } </style></head> <body> <h2>Other column fixed-width; two zero columns with colspan; explicit 0 width on span</h2> <table cellspacing="0" cellpadding="0"> <tr> <td class="smallSpec pink">100</td> <td class="zeroSpec teal" colspan="2"/> </tr> </table> <h2>Other column percent-width; two zero columns with colspan; explicit 0 width on span</h2> <table cellspacing="0" cellpadding="0"> <tr> <td class="smallPct pink">10%</td> <td class="zeroSpec teal" colspan="2"/> </tr> </table> <h2>Other column fixed-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2> <table cellspacing="0" cellpadding="0"> <tr> <td class="smallSpec pink">100</td> <td class="zeroSpec teal"/> </tr> <tr><td colspan="2"/></tr> </table> <h2>Other column percent-width; zero-column explicitly zero-width; zero column spanned by colspan (crossing other column)</h2> <table cellspacing="0" cellpadding="0"> <tr> <td class="smallPct pink">10%</td> <td class="zeroSpec teal"/> </tr> <tr><td colspan="2"/></tr> </table> </body> </html>