Wed, 31 Dec 2014 13:27:57 +0100
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 table {
6 margin: 0;
7 padding: 0;
8 width: 50px;
9 height: 50px;
10 border-collapse: collapse;
11 background-color: blue;
12 }
13 td {
14 margin: 0;
15 padding: 0;
16 height: 25px;
17 }
18 #rel {
19 position: relative;
20 margin: 0;
21 padding: 0;
22 }
23 #abs {
24 position: absolute;
25 margin: 0;
26 padding: 0;
27 bottom: 25px;
28 right: 10px;
29 width: 50px;
30 height: 50px;
31 background-color: green;
32 }
33 #bottomright {
34 position: absolute;
35 margin: 0;
36 padding: 0;
37 bottom: 0;
38 right: 0;
39 width: 50px;
40 height: 50px;
41 overflow: visible;
42 background-color: red;
43 }
44 </style>
45 </head>
46 <body>
47 The green square should not overlap the blue square.
48 <div id="bottomright">
49 <table>
50 <colgroup>
51 <col style="width: 20%">
52 <col>
53 </colgroup>
54 <tr>
55 <td></td>
56 <td></td>
57 </tr>
58 <tr>
59 <td>
60 <div id="rel" style="height: 25px">
61 <div id="abs"></div>
62 </div>
63 </td>
64 <td></td>
65 </tr>
66 </table>
67 </div>
68 </body>
69 </html>