433700.html (2394B)
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 { padding-left:35px; border-left:25px solid lime; background:lime; } 13 #test1 legend { margin-left: -30px; background:pink; } 14 15 #test2 { position:fixed; top:3em; } 16 #test2 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; width:200px; } 17 #test2 legend { margin-left: -20%; background:pink; } 18 19 #test3 { position:fixed; top:6em; width:200px; } 20 #test3 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; } 21 #test3 legend { margin-left: 20px; background:pink; } 22 23 #test4 { position:fixed; top:9em; width:200px; } 24 #test4 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; width:200px; } 25 #test4 legend { margin-left: 10%; background:pink; } 26 27 #test5 { position:fixed; top:12em; width:200px; } 28 #test5 fieldset { padding-left:35px; border-left:25px solid lime; background:lime; } 29 #test5 legend { margin-left: 100%; background:pink; } 30 31 #test6 { position:fixed; left:60px; top:15em; width:200px; } 32 #test6 fieldset { padding-left:35px; border-left:25px solid white; } 33 #test6 fieldset div { width:200px; background:lime; } 34 #test6 legend { margin-left: -50%; background:pink; } 35 36 </style> 37 </head> 38 <body> 39 40 <div id="test1"> 41 <fieldset> 42 <legend>LEGEND</legend> 43 FIELDSET 44 <script>var v = document.body.offsetHeight;</script> 45 </fieldset> 46 </div> 47 48 <div id="test2"> 49 <fieldset> 50 <legend>LEGEND</legend> 51 FIELDSET 52 <script>var v = document.body.offsetHeight;</script> 53 </fieldset> 54 </div> 55 56 <div id="test3"> 57 <fieldset> 58 <legend>LEGEND</legend> 59 FIELDSET 60 <script>var v = document.body.offsetHeight;</script> 61 </fieldset> 62 </div> 63 64 <div id="test4"> 65 <fieldset> 66 <legend>LEGEND</legend> 67 FIELDSET 68 <script>var v = document.body.offsetHeight;</script> 69 </fieldset> 70 </div> 71 72 <div id="test5"> 73 <fieldset> 74 <legend>LEGEND</legend> 75 FIELDSET 76 <script>var v = document.body.offsetHeight;</script> 77 </fieldset> 78 </div> 79 80 <div id="test6"> 81 <fieldset> 82 <legend>LEGEND</legend> 83 <div>FIELDSET</div> 84 <script>var v = document.body.offsetHeight;</script> 85 </fieldset> 86 </div> 87 88 </body></html>