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