conflicting-percent-widths-3-ref.html (759B)
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 <!-- large percentage effect operates per-column --> 18 19 <!-- also depends on truncation of percentages to 100% --> 20 21 <table> 22 <tr> 23 <td style="background: yellow">x</td> 24 <td style="background: aqua">x</td> 25 </tr> 26 <tr> 27 <td style="background: blue">x</td> 28 <td style="background: fuchsia">x</td> 29 </tr> 30 </table> 31 32 <table> 33 <tr> 34 <td style="background: blue">x</td> 35 <td style="background: fuchsia">x</td> 36 </tr> 37 <tr> 38 <td style="background: yellow">x</td> 39 <td style="background: aqua">x</td> 40 </tr> 41 </table> 42 43 </body> 44 </html>