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