layout/reftests/bugs/433700.html

   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>