layout/reftests/abs-pos/table-cell-6.html@44a2da4a2ab2
layout/reftests/abs-pos/table-cell-6.html
Fri, 16 Jan 2015 04:50:19 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 04:50:19 +0100
- branch
- TOR_BUG_9701
- changeset 13
- 44a2da4a2ab2
- permissions
- -rw-r--r--
Replace accessor implementation with direct member state manipulation, by
request https://trac.torproject.org/projects/tor/ticket/9701#comment:32
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 }
17 #rel {
18 position: relative;
19 margin: 0;
20 padding: 0;
21 }
22 #abs {
23 position: absolute;
24 margin: 0;
25 padding: 0;
26 bottom: 25px;
27 right: 25px;
28 width: 50px;
29 height: 50px;
30 background-color: green;
31 }
32 #bottomright {
33 position: absolute;
34 margin: 0;
35 padding: 0;
36 bottom: 0;
37 right: 0;
38 width: 50px;
39 height: 50px;
40 overflow: visible;
41 background-color: red;
42 }
43 </style>
44 </head>
45 <body>
46 The green square should not overlap the blue square.
47 <div id="bottomright">
48 <table>
49 <tr>
50 <td></td>
51 <td></td>
52 </tr>
53 <tr style="height: 100%">
54 <td></td>
55 <td></td>
56 </tr>
57 <tr>
58 <td id="rel">
59 <div id="abs"></div>
60 </td>
61 <td></td>
62 </tr>
63 </table>
64 </div>
65 </body>
66 </html>
