|
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> |