conflicting-percent-widths-2-ref.html (699B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Conflicting percent widths on table cells</title> 5 <style type="text/css"> 6 7 table, td { 8 border-spacing: 0; 9 border: none; 10 padding: 0; 11 } 12 13 </style> 14 </head> 15 <body> 16 17 <!-- small percentage effect operates per-column --> 18 19 <table> 20 <tr> 21 <td style="background: yellow">x</td> 22 <td style="background: aqua">x</td> 23 </tr> 24 <tr> 25 <td style="background: blue">x</td> 26 <td style="background: fuchsia">x</td> 27 </tr> 28 </table> 29 30 <table> 31 <tr> 32 <td style="background: fuchsia">x</td> 33 <td style="background: blue">x</td> 34 </tr> 35 <tr> 36 <td style="background: aqua">x</td> 37 <td style="background: yellow">x</td> 38 </tr> 39 </table> 40 41 </body> 42 </html>