Enable fieldsets to be flexboxes, grids and multicolumn.
[WebKit-https.git] / LayoutTests / fast / forms / fieldset / abs-pos-child-sizing-expected.html
1 <!DOCTYPE HTML>
2 <html><head>
3     <meta charset="utf-8">
4         <style type="text/css">
5             html,body {
6                 color:black; background-color:white; font-size:16px; padding:0; margin:0;
7             }
8         
9         div {
10             position: absolute;
11             background: rgba(0,255,0,0.5);
12             top:0; bottom:0;
13             left:0; right:0;
14             z-index: 0;
15         }
16         c {
17             display: block;
18             background: blue;
19             height:100%;
20         }
21         
22         legend { height: 24px; }
23         
24         fieldset {
25             position: absolute;
26             border: 2px green solid;
27             width: 100px;
28             height: 100px;
29             margin-bottom:40px;
30         }
31         
32         #t1,#t3 { padding: 3px 5px 7px 11px; }
33         #t2,#t4 { padding: 0; }
34         
35         #t1 div, #t3 div {
36             /* same numbers as padding above */
37             left: -11px; right: -5px;
38             top:  -3px;  bottom:-7px;
39         }
40         
41         #t2 { top: 120px; }
42         #t3 { top: 240px; }
43         #t4 { top: 360px; }
44         
45         x {
46             position: absolute;
47             width:100px;
48             height:100px;
49         }
50         #t1 x, #t2 x {
51             height:78px; /* compensate for legend */
52         }
53         </style>
54 </head>
55 <body>
56     
57     
58     <fieldset id="t1">
59         <legend>legend</legend>
60         <x><div></div><c></c></x>
61     </fieldset>
62     
63     <fieldset id="t2">
64         <legend>legend</legend>
65         <x><div></div></x>
66     </fieldset>
67     
68     <fieldset id="t3">
69         <x><div></div><c></c></x>
70     </fieldset>
71     
72     <fieldset id="t4">
73         <x><div></div></x>
74     </fieldset>
75     
76     
77 </body>
78 </html>
79