conflicting-percent-widths-3.html (855B)
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" width="50%">x</td> 24 <td style="background: aqua" width="99%">x</td> 25 </tr> 26 <tr> 27 <td style="background: blue" width="50%">x</td> 28 <td style="background: fuchsia" width="50%">x</td> 29 </tr> 30 </table> 31 32 <table> 33 <tr> 34 <td style="background: blue" width="50%">x</td> 35 <td style="background: fuchsia" width="50%">x</td> 36 </tr> 37 <tr> 38 <td style="background: yellow" width="50%">x</td> 39 <td style="background: aqua" width="99%">x</td> 40 </tr> 41 </table> 42 43 </body> 44 </html>