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