421069-ref2.html (6006B)
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: 10.0px; } 14 .p1 { margin-top: 50.1px; } 15 .p2 { margin-top: 90.2px; } 16 .p3 { margin-top: 130.3px; } 17 .p4 { margin-top: 170.4px; } 18 .p5 { margin-top: 210.5px; } 19 .p6 { margin-top: 250.6px; } 20 .p7 { margin-top: 290.7px; } 21 .p8 { margin-top: 330.8px; } 22 .p9 { margin-top: 370.9px; } 23 24 body > div > div, body > div > div { 25 background-color: white; 26 } 27 28 div { margin: 0; border-spacing: 0; } 29 td { padding: 0; } 30 31 .big { width: 30px; height: 30px; } 32 .small { width: 19px; height: 19px; } 33 34 div.tl { 35 margin-left: 50px; 36 border-top: 1px solid black; 37 border-left: 1px solid black; 38 } 39 40 div.br { 41 margin-left: 90px; 42 border-bottom: 1px solid black; 43 border-right: 1px solid black; 44 } 45 46 div.tr { 47 margin-left: 130px; 48 border-top: 1px solid black; 49 border-right: 1px solid black; 50 } 51 52 div.bl { 53 margin-left: 170px; 54 border-bottom: 1px solid black; 55 border-left: 1px solid black; 56 } 57 58 div.tl.big { 59 margin-left: 210px; 60 border-top: 1px solid black; 61 border-right: 2px solid black; 62 border-bottom: 2px solid black; 63 border-left: 1px solid black; 64 } 65 div.br.big { 66 margin-left: 250px; 67 border-top: 2px solid black; 68 border-right: 1px solid black; 69 border-bottom: 1px solid black; 70 border-left: 2px solid black; 71 } 72 div.tr.big { 73 margin-left: 290px; 74 border-top: 1px solid black; 75 border-right: 1px solid black; 76 border-bottom: 2px solid black; 77 border-left: 2px solid black; 78 } 79 div.bl.big { 80 margin-left: 330px; 81 border-top: 2px solid black; 82 border-right: 2px solid black; 83 border-bottom: 1px solid black; 84 border-left: 1px solid black; 85 } 86 87 </style> 88 </head> 89 <body> 90 91 <div><img src="square-outline-32x32.png" class="p0"></div> 92 <div><img src="square-outline-32x32.png" class="p1"></div> 93 <div><img src="square-outline-32x32.png" class="p2"></div> 94 <div><img src="square-outline-32x32.png" class="p3"></div> 95 <div><img src="square-outline-32x32.png" class="p4"></div> 96 <div><img src="square-outline-32x32.png" class="p5"></div> 97 <div><img src="square-outline-32x32.png" class="p6"></div> 98 <div><img src="square-outline-32x32.png" class="p7"></div> 99 <div><img src="square-outline-32x32.png" class="p8"></div> 100 <div><img src="square-outline-32x32.png" class="p9"></div> 101 102 <div><div class="tl small p0"></div></div> 103 <div><div class="tl small p1"></div></div> 104 <div><div class="tl small p2"></div></div> 105 <div><div class="tl small p3"></div></div> 106 <div><div class="tl small p4"></div></div> 107 <div><div class="tl small p5"></div></div> 108 <div><div class="tl small p6"></div></div> 109 <div><div class="tl small p7"></div></div> 110 <div><div class="tl small p8"></div></div> 111 <div><div class="tl small p9"></div></div> 112 113 <div><div class="br small p0"></div></div> 114 <div><div class="br small p1"></div></div> 115 <div><div class="br small p2"></div></div> 116 <div><div class="br small p3"></div></div> 117 <div><div class="br small p4"></div></div> 118 <div><div class="br small p5"></div></div> 119 <div><div class="br small p6"></div></div> 120 <div><div class="br small p7"></div></div> 121 <div><div class="br small p8"></div></div> 122 <div><div class="br small p9"></div></div> 123 124 <div><div class="tr small p0"></div></div> 125 <div><div class="tr small p1"></div></div> 126 <div><div class="tr small p2"></div></div> 127 <div><div class="tr small p3"></div></div> 128 <div><div class="tr small p4"></div></div> 129 <div><div class="tr small p5"></div></div> 130 <div><div class="tr small p6"></div></div> 131 <div><div class="tr small p7"></div></div> 132 <div><div class="tr small p8"></div></div> 133 <div><div class="tr small p9"></div></div> 134 135 <div><div class="bl small p0"></div></div> 136 <div><div class="bl small p1"></div></div> 137 <div><div class="bl small p2"></div></div> 138 <div><div class="bl small p3"></div></div> 139 <div><div class="bl small p4"></div></div> 140 <div><div class="bl small p5"></div></div> 141 <div><div class="bl small p6"></div></div> 142 <div><div class="bl small p7"></div></div> 143 <div><div class="bl small p8"></div></div> 144 <div><div class="bl small p9"></div></div> 145 146 <div><div class="tl big p0"></div></div> 147 <div><div class="tl big p1"></div></div> 148 <div><div class="tl big p2"></div></div> 149 <div><div class="tl big p3"></div></div> 150 <div><div class="tl big p4"></div></div> 151 <div><div class="tl big p5"></div></div> 152 <div><div class="tl big p6"></div></div> 153 <div><div class="tl big p7"></div></div> 154 <div><div class="tl big p8"></div></div> 155 <div><div class="tl big p9"></div></div> 156 157 <div><div class="br big p0"></div></div> 158 <div><div class="br big p1"></div></div> 159 <div><div class="br big p2"></div></div> 160 <div><div class="br big p3"></div></div> 161 <div><div class="br big p4"></div></div> 162 <div><div class="br big p5"></div></div> 163 <div><div class="br big p6"></div></div> 164 <div><div class="br big p7"></div></div> 165 <div><div class="br big p8"></div></div> 166 <div><div class="br big p9"></div></div> 167 168 <div><div class="tr big p0"></div></div> 169 <div><div class="tr big p1"></div></div> 170 <div><div class="tr big p2"></div></div> 171 <div><div class="tr big p3"></div></div> 172 <div><div class="tr big p4"></div></div> 173 <div><div class="tr big p5"></div></div> 174 <div><div class="tr big p6"></div></div> 175 <div><div class="tr big p7"></div></div> 176 <div><div class="tr big p8"></div></div> 177 <div><div class="tr big p9"></div></div> 178 179 <div><div class="bl big p0"></div></div> 180 <div><div class="bl big p1"></div></div> 181 <div><div class="bl big p2"></div></div> 182 <div><div class="bl big p3"></div></div> 183 <div><div class="bl big p4"></div></div> 184 <div><div class="bl big p5"></div></div> 185 <div><div class="bl big p6"></div></div> 186 <div><div class="bl big p7"></div></div> 187 <div><div class="bl big p8"></div></div> 188 <div><div class="bl big p9"></div></div> 189 190 </body> 191 </html>