|
1 <html><head> |
|
2 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
|
3 <title>Testcase for bug 433700</title> |
|
4 <style type="text/css"> |
|
5 |
|
6 body { font-family: sans-serif; font-size: 16px; } |
|
7 |
|
8 fieldset,legend { padding:0; margin:0; border-width:0; border-style:solid; } |
|
9 fieldset { border-right:7px solid blue; font-size: 16px; } |
|
10 |
|
11 #test1 { position:fixed; } |
|
12 #test1 fieldset { background:lime;} |
|
13 #test1 .legend { margin-left:30px; background:pink; } |
|
14 |
|
15 #test2 { position:fixed; top:3em; } |
|
16 #test2 fieldset { background:lime; width:260px; } |
|
17 #test2 .legend { margin-left: 20px; background:pink; } |
|
18 |
|
19 #test3 { position:fixed; top:6em; width:200px; } |
|
20 #test3 fieldset { background:lime;} |
|
21 #test3 .legend { margin-left: 80px; background:pink; } |
|
22 |
|
23 #test4 { position:fixed; top:9em; width:200px; } |
|
24 #test4 fieldset { background:lime; width:260px; } |
|
25 #test4 .legend { margin-left: 80px; background:pink; } |
|
26 |
|
27 #test5 { position:fixed; top:12em; width:200px; } |
|
28 #test5 fieldset { background:lime;} |
|
29 #test5 .legend { margin-left: 193px; background:pink; } |
|
30 |
|
31 #test6 { position:fixed; left:20px; top:15em; width:400px; } |
|
32 #test6 fieldset { width:300px; } |
|
33 #test6 fieldset div { position:relative; left:100px; padding-left:0px; width:200px; background:lime; } |
|
34 #test6 legend { margin-left:0; background:pink; } |
|
35 |
|
36 fieldset div { padding-left:60px; } |
|
37 |
|
38 .legend { display:block; } |
|
39 |
|
40 </style> |
|
41 </head> |
|
42 <body> |
|
43 |
|
44 <div id="test1"> |
|
45 <fieldset> |
|
46 <legend><span class="legend">LEGEND</span></legend> |
|
47 <div>FIELDSET</div> |
|
48 <script>var v = document.body.offsetHeight;</script> |
|
49 </fieldset> |
|
50 </div> |
|
51 |
|
52 <div id="test2"> |
|
53 <fieldset> |
|
54 <legend><span class="legend">LEGEND</span></legend> |
|
55 <div>FIELDSET</div> |
|
56 <script>var v = document.body.offsetHeight;</script> |
|
57 </fieldset> |
|
58 </div> |
|
59 |
|
60 <div id="test3"> |
|
61 <fieldset> |
|
62 <legend><span class="legend">LEGEND</span></legend> |
|
63 <div>FIELDSET</div> |
|
64 <script>var v = document.body.offsetHeight;</script> |
|
65 </fieldset> |
|
66 </div> |
|
67 |
|
68 <div id="test4"> |
|
69 <fieldset> |
|
70 <legend><span class="legend">LEGEND</span></legend> |
|
71 <div>FIELDSET</div> |
|
72 <script>var v = document.body.offsetHeight;</script> |
|
73 </fieldset> |
|
74 </div> |
|
75 |
|
76 <div id="test5"> |
|
77 <fieldset> |
|
78 <legend><span class="legend">LEGEND</span></legend> |
|
79 <div>FIELDSET</div> |
|
80 <script>var v = document.body.offsetHeight;</script> |
|
81 </fieldset> |
|
82 </div> |
|
83 |
|
84 <div id="test6"> |
|
85 <fieldset> |
|
86 <legend>LEGEND</legend> |
|
87 <div>FIELDSET</div> |
|
88 <script>var v = document.body.offsetHeight;</script> |
|
89 </fieldset> |
|
90 </div> |
|
91 |
|
92 </body></html> |