Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 table {
6 width: 300px;
7 height: 300px;
8 background-color: blue;
9 }
10 td, div {
11 margin: 0;
12 padding: 0;
13 }
14 #rel {
15 position: relative;
16 margin: 0;
17 padding: 0;
18 }
19 #abs {
20 position: absolute;
21 margin: 0;
22 padding: 0;
23 top: 200px;
24 left: 25px;
25 width: 50px;
26 height: 50px;
27 background-color: green;
28 }
29 </style>
30 </head>
31 <body>
32 The green square should not touch the blue square.
33 <table>
34 <colgroup>
35 <col style="width: 15%">
36 <col>
37 </colgroup>
38 <tr>
39 <td></td>
40 <td></td>
41 </tr>
42 <tr id="rel">
43 <td></td>
44 <td>
45 <div id="abs"></div>
46 </td>
47 </tr>
48 </table>
49 </body>
50 </html>