| 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 |