2006-05-13 Sam Weinig <sam.weinig@gmail.com>
[WebKit-https.git] / LayoutTests / fast / block / positioning / absolute-positioned-overconstrained.html
1 <html>
2 <head>
3     <title>Over-constrained dimensions test for absolutely positioned elements</title>
4     <style type="text/css">
5         .container {
6             direction: rtl;
7             position: absolute;
8             width: 200px;
9             height: 200px;
10             background-color: blue;
11         }
12         .toTest {
13             position: absolute;
14             /* Over-constrained -- 50px + 75px + 100px + 25px + 25px > 200px */
15             left: 50px;
16             right: 75px;
17             width: 100px;
18             margin-left: 25px;
19             margin-right: 25px;
20
21             height: 50px;
22             background-color: green;
23         }
24         #test { left: 300px; }
25         #control div { direction: ltr; }
26         #test div { direction: rtl; }
27     </style>
28 </head>
29 <body>
30     <p>The two boxes below should look identical.</p>
31     <div id="control" class="container">
32         <div class="toTest"></div>
33     </div>
34     <div id="test" class="container">
35         <div class="toTest"></div>
36     </div>
37 </body>
38 </html>
39 \ No newline at end of file