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