layout/reftests/bugs/421069-ref.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US">
   4 <head>
   5         <title>Testcase, bug 421069</title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <meta http-equiv="Content-Style-Type" content="text/css">
   8         <style type="text/css">
   9
  10         body > div { position: absolute; top: 10px; left: 10px; }
  11         img { margin-left: 10px; }
  12
  13         .p0 { margin-top: 10px; }
  14         .p1 { margin-top: 50px; }
  15         .p2 { margin-top: 90px; }
  16         .p3 { margin-top: 130px; }
  17         .p4 { margin-top: 170px; }
  18         .p5 { margin-top: 211px; }
  19         .p6 { margin-top: 251px; }
  20         .p7 { margin-top: 291px; }
  21         .p8 { margin-top: 331px; }
  22         .p9 { margin-top: 371px; }
  23
  24         body > div > div, body > div > table {
  25                 background-image: url(square-outline-32x32.png);
  26         }
  27
  28         table { margin: 0; border-spacing: 0; }
  29         td { padding: 0; }
  30
  31         .big { width: 33px; height: 33px; }
  32         .small { width: 20px; height: 20px; }
  33
  34         div.tl {
  35                 margin-left: 50px;
  36                 background-position: top left; /* the default */
  37         }
  38
  39         div.br {
  40                 margin-left: 90px;
  41                 background-position: bottom right;
  42         }
  43
  44         table.tr {
  45                 margin-left: 130px;
  46                 background-position: top right;
  47         }
  48
  49         table.bl {
  50                 margin-left: 170px;
  51                 background-position: bottom left;
  52         }
  53
  54         div.tl.big { margin-left: 210px; }
  55         div.br.big { margin-left: 250px; }
  56         table.tr.big { margin-left: 290px; }
  57         table.bl.big { margin-left: 330px; }
  58
  59         </style>
  60 </head>
  61 <body>
  62
  63 <div><img src="square-outline-32x32.png" class="p0"></div>
  64 <div><img src="square-outline-32x32.png" class="p1"></div>
  65 <div><img src="square-outline-32x32.png" class="p2"></div>
  66 <div><img src="square-outline-32x32.png" class="p3"></div>
  67 <div><img src="square-outline-32x32.png" class="p4"></div>
  68 <div><img src="square-outline-32x32.png" class="p5"></div>
  69 <div><img src="square-outline-32x32.png" class="p6"></div>
  70 <div><img src="square-outline-32x32.png" class="p7"></div>
  71 <div><img src="square-outline-32x32.png" class="p8"></div>
  72 <div><img src="square-outline-32x32.png" class="p9"></div>
  73
  74 <div><div class="tl small p0"></div></div>
  75 <div><div class="tl small p1"></div></div>
  76 <div><div class="tl small p2"></div></div>
  77 <div><div class="tl small p3"></div></div>
  78 <div><div class="tl small p4"></div></div>
  79 <div><div class="tl small p5"></div></div>
  80 <div><div class="tl small p6"></div></div>
  81 <div><div class="tl small p7"></div></div>
  82 <div><div class="tl small p8"></div></div>
  83 <div><div class="tl small p9"></div></div>
  84
  85 <div><div class="br small p0"></div></div>
  86 <div><div class="br small p1"></div></div>
  87 <div><div class="br small p2"></div></div>
  88 <div><div class="br small p3"></div></div>
  89 <div><div class="br small p4"></div></div>
  90 <div><div class="br small p5"></div></div>
  91 <div><div class="br small p6"></div></div>
  92 <div><div class="br small p7"></div></div>
  93 <div><div class="br small p8"></div></div>
  94 <div><div class="br small p9"></div></div>
  95
  96 <div><table class="tr small p0"><tr><td></table></div>
  97 <div><table class="tr small p1"><tr><td></table></div>
  98 <div><table class="tr small p2"><tr><td></table></div>
  99 <div><table class="tr small p3"><tr><td></table></div>
 100 <div><table class="tr small p4"><tr><td></table></div>
 101 <div><table class="tr small p5"><tr><td></table></div>
 102 <div><table class="tr small p6"><tr><td></table></div>
 103 <div><table class="tr small p7"><tr><td></table></div>
 104 <div><table class="tr small p8"><tr><td></table></div>
 105 <div><table class="tr small p9"><tr><td></table></div>
 106
 107 <div><table class="bl small p0"><tr><td></table></div>
 108 <div><table class="bl small p1"><tr><td></table></div>
 109 <div><table class="bl small p2"><tr><td></table></div>
 110 <div><table class="bl small p3"><tr><td></table></div>
 111 <div><table class="bl small p4"><tr><td></table></div>
 112 <div><table class="bl small p5"><tr><td></table></div>
 113 <div><table class="bl small p6"><tr><td></table></div>
 114 <div><table class="bl small p7"><tr><td></table></div>
 115 <div><table class="bl small p8"><tr><td></table></div>
 116 <div><table class="bl small p9"><tr><td></table></div>
 117
 118 <div><div class="tl big p0"></div></div>
 119 <div><div class="tl big p1"></div></div>
 120 <div><div class="tl big p2"></div></div>
 121 <div><div class="tl big p3"></div></div>
 122 <div><div class="tl big p4"></div></div>
 123 <div><div class="tl big p5"></div></div>
 124 <div><div class="tl big p6"></div></div>
 125 <div><div class="tl big p7"></div></div>
 126 <div><div class="tl big p8"></div></div>
 127 <div><div class="tl big p9"></div></div>
 128
 129 <div><div class="br big p0"></div></div>
 130 <div><div class="br big p1"></div></div>
 131 <div><div class="br big p2"></div></div>
 132 <div><div class="br big p3"></div></div>
 133 <div><div class="br big p4"></div></div>
 134 <div><div class="br big p5"></div></div>
 135 <div><div class="br big p6"></div></div>
 136 <div><div class="br big p7"></div></div>
 137 <div><div class="br big p8"></div></div>
 138 <div><div class="br big p9"></div></div>
 139
 140 <div><table class="tr big p0"><tr><td></table></div>
 141 <div><table class="tr big p1"><tr><td></table></div>
 142 <div><table class="tr big p2"><tr><td></table></div>
 143 <div><table class="tr big p3"><tr><td></table></div>
 144 <div><table class="tr big p4"><tr><td></table></div>
 145 <div><table class="tr big p5"><tr><td></table></div>
 146 <div><table class="tr big p6"><tr><td></table></div>
 147 <div><table class="tr big p7"><tr><td></table></div>
 148 <div><table class="tr big p8"><tr><td></table></div>
 149 <div><table class="tr big p9"><tr><td></table></div>
 150
 151 <div><table class="bl big p0"><tr><td></table></div>
 152 <div><table class="bl big p1"><tr><td></table></div>
 153 <div><table class="bl big p2"><tr><td></table></div>
 154 <div><table class="bl big p3"><tr><td></table></div>
 155 <div><table class="bl big p4"><tr><td></table></div>
 156 <div><table class="bl big p5"><tr><td></table></div>
 157 <div><table class="bl big p6"><tr><td></table></div>
 158 <div><table class="bl big p7"><tr><td></table></div>
 159 <div><table class="bl big p8"><tr><td></table></div>
 160 <div><table class="bl big p9"><tr><td></table></div>
 161
 162 </body>
 163 </html>