|
1 <!DOCTYPE HTML> |
|
2 <html><head> |
|
3 <meta charset="utf-8"> |
|
4 <title>Testcase for bug 971933</title> |
|
5 <style type="text/css"> |
|
6 html,body { |
|
7 color:black; background-color:white; font-size:16px; |
|
8 } |
|
9 #f0 div::before { content: "f0"; } |
|
10 #f1 div::before { content: "f1"; } |
|
11 #f2 div::before { content: "f2"; } |
|
12 #f3 div::before { content: "f3"; } |
|
13 #f4 div::before { content: "f4"; } |
|
14 #f5 div::before { content: "f5"; } |
|
15 #f6 div::before { content: "f6"; } |
|
16 #f7 div::before { content: "f7"; } |
|
17 #f8 div::before { content: "f8"; } |
|
18 #f9 div::before { content: "f9"; } |
|
19 |
|
20 legend { background:pink; height:30px; } |
|
21 div { background:yellow; height:100px; } |
|
22 fieldset { |
|
23 border-width:0; |
|
24 padding:0; |
|
25 margin:0; |
|
26 margin-top:6px; |
|
27 outline:1px dotted black; |
|
28 height:15px; |
|
29 overflow:hidden; |
|
30 background:grey; |
|
31 |
|
32 padding-bottom:3px; |
|
33 padding-top:5px; |
|
34 border:1px solid blue; |
|
35 border-top-width:7px; |
|
36 } |
|
37 |
|
38 #f1 {} |
|
39 #f2 { border-top-width:0; } |
|
40 #f3 { border-width:0; } |
|
41 #f4 { border-bottom-width:0; } |
|
42 #f5 { border-width:0; padding:0; } |
|
43 #f6 { border-width:0; padding-bottom:0; } |
|
44 #f7 { border-width:0; padding-top:0; } |
|
45 #f8 { padding-top:0; } |
|
46 #f9 { padding-bottom:0; } |
|
47 #f0 { padding:0; } |
|
48 |
|
49 #c2 fieldset { height:29px; } |
|
50 |
|
51 #c3 fieldset { height:39px; } |
|
52 |
|
53 #c4 fieldset { height:29px; } |
|
54 #c4 legend { height: 20px; } |
|
55 |
|
56 #c5 legend { height:21px; } |
|
57 #c5 fieldset { border-top-width:31px; } |
|
58 |
|
59 .col { float:left; width:10ch; margin-left:6px; } |
|
60 </style> |
|
61 </head> |
|
62 <body> |
|
63 <span id=c1 class=col>C1 |
|
64 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> |
|
65 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> |
|
66 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> |
|
67 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> |
|
68 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> |
|
69 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> |
|
70 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> |
|
71 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> |
|
72 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> |
|
73 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> |
|
74 </span> |
|
75 <span id=c2 class=col>C2 |
|
76 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> |
|
77 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> |
|
78 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> |
|
79 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> |
|
80 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> |
|
81 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> |
|
82 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> |
|
83 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> |
|
84 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> |
|
85 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> |
|
86 </span> |
|
87 <span id=c3 class=col>C3 |
|
88 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> |
|
89 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> |
|
90 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> |
|
91 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> |
|
92 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> |
|
93 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> |
|
94 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> |
|
95 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> |
|
96 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> |
|
97 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> |
|
98 </span> |
|
99 <span id=c4 class=col>C4 |
|
100 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> |
|
101 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> |
|
102 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> |
|
103 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> |
|
104 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> |
|
105 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> |
|
106 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> |
|
107 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> |
|
108 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> |
|
109 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> |
|
110 </span> |
|
111 <span id=c5 class=col>C5 |
|
112 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> |
|
113 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> |
|
114 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> |
|
115 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> |
|
116 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> |
|
117 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> |
|
118 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> |
|
119 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> |
|
120 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> |
|
121 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> |
|
122 </span> |
|
123 |
|
124 </body> |
|
125 </html> |