413286-5-ref.html (1498B)
1 <html> 2 <head><style> 3 table { width: 600px } 4 td.smallSpec { width: 100px; } 5 td.bigSpec { width: 500px; } 6 td.smallPct { width: 10%; } 7 td.bigPct { width: 90%; } 8 td.pink { background: pink } 9 td.teal { background: teal } 10 </style></head> 11 <body> 12 13 <h2>Other column fixed-width</h2> 14 15 <table cellspacing="0" cellpadding="0"> 16 <tr> 17 <td class="smallSpec pink">100</td> 18 <td class="bigSpec teal"/> 19 </tr> 20 </table> 21 22 <h2>Other column percent-width</h2> 23 24 <table cellspacing="0" cellpadding="0"> 25 <tr> 26 <td class="smallPct pink">10%</td> 27 <td class="bigPct teal"/> 28 </tr> 29 </table> 30 31 <h2>Other column fixed-width; zero column spanned by colspan (crossing other column)</h2> 32 33 <table cellspacing="0" cellpadding="0"> 34 <tr> 35 <td class="smallSpec pink">100</td> 36 <td class="bigSpec teal"/> 37 </tr> 38 </table> 39 40 <h2>Other column percent-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="bigPct teal"/> 46 </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="bigSpec teal"/> 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="bigPct teal"/> 64 </tr> 65 </table> 66 67 </body> 68 </html>