OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title></title> | 3 <title></title> |
4 <style> | 4 <style> |
5 legend { height: 10px; border: 1px solid blue; } | 5 legend { height: 10px; border: 1px solid blue; } |
6 fieldset { margin-bottom: 10px; } | 6 fieldset { margin-bottom: 10px; } |
7 fieldset.render { border: 8px double; } | 7 fieldset.render { border: 8px double; } |
8 fieldset.render legend { height: 12px; width: 50px; background-color: rg
ba(0, 128, 0, 0.3); border: none; } | 8 fieldset.render legend { height: 12px; width: 50px; background-color: rg
ba(0, 128, 0, 0.3); border: none; } |
9 div.rel { position: relative; height: 40px; } | 9 div.rel { position: relative; height: 40px; } |
10 #col1 { float: left; } | |
11 #col2 { margin-left: 450px; } | |
12 </style> | 10 </style> |
13 </head> | 11 </head> |
14 <body> | 12 <body> |
15 <!-- border rendering tests --> | 13 <!-- border rendering tests --> |
16 <div id="col1"> | 14 <fieldset class="render" style="width: 100px;"> |
17 <!-- border rendering tests --> | 15 <legend></legend> |
18 <fieldset class="render" style="width: 100px;"> | 16 </fieldset> |
19 <legend></legend> | 17 <fieldset class="render" style="width: 100px;"> |
20 </fieldset> | 18 <legend style="width: 108%;"></legend> |
21 <fieldset class="render" style="width: 100px;"> | 19 </fieldset> |
22 <legend style="width: 108%;"></legend> | 20 <fieldset class="render" style="width: 100px;"> |
23 </fieldset> | 21 <legend style="width: 112%;"></legend> |
24 <fieldset class="render" style="width: 100px;"> | 22 </fieldset> |
25 <legend style="width: 112%;"></legend> | 23 <fieldset class="render" style="width: 100px;"> |
26 </fieldset> | 24 <legend style="width: 117%;"></legend> |
27 <fieldset class="render" style="width: 100px;"> | 25 </fieldset> |
28 <legend style="width: 117%;"></legend> | 26 <fieldset class="render" style="width: 100px;"> |
29 </fieldset> | 27 <legend style="margin-left: -12px;"></legend> |
30 <fieldset class="render" style="width: 100px;"> | 28 </fieldset> |
31 <legend style="margin-left: -12px;"></legend> | 29 <fieldset class="render" style="width: 100px;"> |
32 </fieldset> | 30 <legend style="margin-left: -16px;"></legend> |
33 <fieldset class="render" style="width: 100px;"> | 31 </fieldset> |
34 <legend style="margin-left: -16px;"></legend> | 32 <fieldset class="render" style="width: 100px;"> |
35 </fieldset> | 33 <legend style="margin-left: -21px;"></legend> |
36 <fieldset class="render" style="width: 100px;"> | 34 </fieldset> |
37 <legend style="margin-left: -21px;"></legend> | 35 <fieldset class="render" style="width: 100px;"> |
38 </fieldset> | 36 <legend style="margin-left: -69px;"></legend> |
39 <fieldset class="render" style="width: 100px;"> | 37 </fieldset> |
40 <legend style="margin-left: -69px;"></legend> | 38 <fieldset class="render" style="width: 100px;"> |
41 </fieldset> | 39 <legend style="margin-left: -74px;"></legend> |
42 <fieldset class="render" style="width: 100px;"> | 40 </fieldset> |
43 <legend style="margin-left: -74px;"></legend> | 41 <fieldset class="render" style="width: 100px;"> |
44 </fieldset> | 42 <legend style="margin-left: 115%;"></legend> |
45 <fieldset class="render" style="width: 100px;"> | 43 </fieldset> |
46 <legend style="margin-left: 115%;"></legend> | 44 <fieldset class="render" style="width: 100px;"> |
47 </fieldset> | 45 <legend style="margin-left: 120%;"></legend> |
48 <fieldset class="render" style="width: 100px;"> | 46 </fieldset> |
49 <legend style="margin-left: 120%;"></legend> | 47 <!-- layout tests --> |
| 48 <fieldset style="width: 100px;"> |
| 49 <legend style="width: 150px;"></legend> |
| 50 </fieldset> |
| 51 <fieldset style="width: 100px;"> |
| 52 <legend style="width: 90px; margin: 30px;"></legend> |
| 53 </fieldset> |
| 54 <div class="rel" style="width: 100px;"> |
| 55 <fieldset> |
| 56 <legend style="width: 150px;"></legend> |
50 </fieldset> | 57 </fieldset> |
51 </div> | 58 </div> |
52 <!-- layout tests --> | 59 <div class="rel" style="width: 300px;"> |
53 <div id="col2"> | 60 <fieldset style="width: 100; margin: auto;"> |
54 <fieldset style="width: 100px;"> | |
55 <legend style="width: 150px;"></legend> | 61 <legend style="width: 150px;"></legend> |
56 </fieldset> | 62 </fieldset> |
57 <fieldset style="width: 100px;"> | 63 </div> |
58 <legend style="width: 90px; margin: 30px;"></legend> | 64 <div class="rel" style="width: 100px;"> |
59 </fieldset> | 65 <fieldset style="position: absolute;"> |
60 <div class="rel" style="width: 100px;"> | |
61 <fieldset> | |
62 <legend style="width: 150px;"></legend> | |
63 </fieldset> | |
64 </div> | |
65 <div class="rel" style="width: 300px;"> | |
66 <fieldset style="width: 100; margin: auto;"> | |
67 <legend style="width: 150px;"></legend> | |
68 </fieldset> | |
69 </div> | |
70 <div class="rel" style="width: 100px;"> | |
71 <fieldset style="position: absolute;"> | |
72 <legend style="width: 150px;"></legend> | |
73 </fieldset> | |
74 </div> | |
75 <div class="rel"> | |
76 <fieldset style="position: absolute; width: 100px;"> | |
77 <legend style="width: 150px;"></legend> | |
78 </fieldset> | |
79 </div> | |
80 <div class="rel" style="width: 300px;"> | |
81 <fieldset style="position: absolute; left: 100px; right: 100px;"> | |
82 <legend style="width: 150px;"></legend> | |
83 </fieldset> | |
84 </div> | |
85 <fieldset style="display: inline; width: 100px;"> | |
86 <legend style="width: 150px;"></legend> | 66 <legend style="width: 150px;"></legend> |
87 </fieldset> | 67 </fieldset> |
88 <fieldset style="width: 100px;"> | 68 </div> |
89 <legend style="width: 150%;"></legend> | 69 <div class="rel"> |
| 70 <fieldset style="position: absolute; width: 100px;"> |
| 71 <legend style="width: 150px;"></legend> |
90 </fieldset> | 72 </fieldset> |
91 </div> | 73 </div> |
| 74 <div class="rel" style="width: 300px;"> |
| 75 <fieldset style="position: absolute; left: 100px; right: 100px;"> |
| 76 <legend style="width: 150px;"></legend> |
| 77 </fieldset> |
| 78 </div> |
| 79 <fieldset style="display: inline; width: 100px;"> |
| 80 <legend style="width: 150px;"></legend> |
| 81 </fieldset> |
| 82 <fieldset style="width: 100px;"> |
| 83 <legend style="width: 150%;"></legend> |
| 84 </fieldset> |
92 </body> | 85 </body> |
OLD | NEW |