8f55c32c779a3ece61a9b19aebe4701f85eac50b
[WebKit-https.git] / LayoutTests / fast / css / absolute-poition-in-rtl-parent.html
1 <html>
2 <body>
3 <p>
4 On the left, you should see three blocks that are aligned left within a black box.  They should
5 be stacked vertically with the green box in between two olive boxes.  The olive boxes and the green box
6 should be 100x100, and there should be 100 pixels of padding on the right side of the box stack.
7 </p>
8 <p>
9 On the right, you should see two blocks that are centered within a black box.  They should be
10 stacked vertically with the green box below the olive box. The olive box and the green box should
11 be 100x100, and there should be 100 pixels of padding on either side of the box stack.
12 </p>
13 <div style="position:fixed;width:200px;height:300px;border:20px solid black;">
14 <table style="direction:rtl; width:100px;" cellspacing="0" cellpadding="0">
15 <tr> 
16 <td>
17 <div style="width:100px; height:100px; background:olive;"></div>
18 <div style="position:absolute; width:100px; height:100px; background:green;"></div>
19 <div style="position:absolute; width:100px; height:100px; background:olive; bottom:0; right:100px;"></div>
20 </td>
21 </tr>
22 </table>
23 </div>
24 <div style="position:fixed;width:300px;height:200px;border:20px solid black; left:300px;">
25 <div style="direction:rtl; width:200px;">
26 <div style="width:100px; height:100px; background:olive;"></div>
27 <div style="position:absolute; width:100px; height:100px; background:green;"></div>
28 </div>
29 </div>
30
31 </body>
32 </html>