427129-table.html (5813B)
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>Reftest, bug 427129</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 html, body { margin: 0; } 11 12 .contain { 13 background: aqua; color: black; 14 height: 10px; margin: 2px 50px; 15 padding-top: 0.1px; /* needed for some reason (XXX WHY?) */ 16 } 17 18 .fl, .fr { height: 5px; } 19 .fl { float: left; width: 56px; } 20 .fr { float: right; width: 73px; } 21 22 /* tables default to border-box sizing */ 23 .t { background: blue; height: 5px; width: 100px; border-spacing: 0; 24 border-left: 1px solid blue; padding-left: 2px; 25 padding-right: 4px; border-right: 8px solid blue; } 26 .t td { padding: 0; } 27 28 </style> 29 </head> 30 <body> 31 32 <div class="contain"> 33 <div class="fl"></div> 34 <div class="fr"></div> 35 <table class="t"><tr><td></td></tr></table> 36 </div> 37 38 <div class="contain"> 39 <div class="fl"></div> 40 <div class="fr"></div> 41 <table class="t" style="margin-left: 30px"><tr><td></td></tr></table> 42 </div> 43 44 <div class="contain"> 45 <div class="fl"></div> 46 <div class="fr"></div> 47 <table class="t" style="margin-left: 56px"><tr><td></td></tr></table> 48 </div> 49 50 <div class="contain"> 51 <div class="fl"></div> 52 <div class="fr"></div> 53 <table class="t" style="margin-left: 73px"><tr><td></td></tr></table> 54 </div> 55 56 <div class="contain"> 57 <div class="fl"></div> 58 <div class="fr"></div> 59 <table class="t" style="margin-left: 100px"><tr><td></td></tr></table> 60 </div> 61 62 <div class="contain"> 63 <div class="fl"></div> 64 <div class="fr"></div> 65 <table class="t" style="margin-left: auto"><tr><td></td></tr></table> 66 </div> 67 68 <div class="contain"> 69 <div class="fl"></div> 70 <div class="fr"></div> 71 <table class="t" style="margin-left: auto; margin-right: 30px"><tr><td></td></tr></table> 72 </div> 73 74 <div class="contain"> 75 <div class="fl"></div> 76 <div class="fr"></div> 77 <table class="t" style="margin-left: auto; margin-right: 56px"><tr><td></td></tr></table> 78 </div> 79 80 <div class="contain"> 81 <div class="fl"></div> 82 <div class="fr"></div> 83 <table class="t" style="margin-left: auto; margin-right: 73px"><tr><td></td></tr></table> 84 </div> 85 86 <div class="contain"> 87 <div class="fl"></div> 88 <div class="fr"></div> 89 <table class="t" style="margin-left: auto; margin-right: 100px"><tr><td></td></tr></table> 90 </div> 91 92 <!-- Remember that the extra end-edge margin gets ignored --> 93 <div style="width: 300px"> 94 <div class="contain"> 95 <div class="fl"></div> 96 <div class="fr"></div> 97 <table class="t" style="width: 71px"><tr><td></td></tr></table> 98 </div> 99 100 <div class="contain"> 101 <div class="fl"></div> 102 <div class="fr"></div> 103 <table class="t" style="margin: 0 15px; width: 71px"><tr><td></td></tr></table> 104 </div> 105 106 <div class="contain"> 107 <div class="fl"></div> 108 <div class="fr"></div> 109 <table class="t" style="width: 72px"><tr><td></td></tr></table> 110 </div> 111 112 <div class="contain"> 113 <div class="fl"></div> 114 <div class="fr"></div> 115 <table class="t" style="margin: 0 15px; width: 72px"><tr><td></td></tr></table> 116 </div> 117 118 <div class="contain"> 119 <div class="fl"></div> 120 <div class="fr"></div> 121 <table class="t" style="margin: 0 15px 0 56px; width: 71px"><tr><td></td></tr></table> 122 </div> 123 124 <div class="contain"> 125 <div class="fl"></div> 126 <div class="fr"></div> 127 <table class="t" style="margin: 0 15px 0 57px; width: 71px"><tr><td></td></tr></table> 128 </div> 129 130 <div class="contain"> 131 <div class="fl"></div> 132 <div class="fr"></div> 133 <table class="t" style="margin: 0 73px 0 15px; width: 71px"><tr><td></td></tr></table> 134 </div> 135 136 <div class="contain"> 137 <div class="fl"></div> 138 <div class="fr"></div> 139 <table class="t" style="margin: 0 74px 0 15px; width: 71px"><tr><td></td></tr></table> 140 </div> 141 142 <div class="contain"> 143 <div class="fl"></div> 144 <div class="fr"></div> 145 <table class="t" style="margin: 0 0 0 15px; width: 71px"><tr><td></td></tr></table> 146 </div> 147 148 <div class="contain"> 149 <div class="fl"></div> 150 <div class="fr"></div> 151 <table class="t" style="margin: 0 0 0 15px; width: 72px"><tr><td></td></tr></table> 152 </div> 153 154 <div class="contain"> 155 <div class="fl"></div> 156 <div class="fr"></div> 157 <table class="t" style="width: 35.5%"><tr><td></td></tr></table> 158 </div> 159 160 <div class="contain"> 161 <div class="fl"></div> 162 <div class="fr"></div> 163 <table class="t" style="margin: 0 15px; width: 35.5%"><tr><td></td></tr></table> 164 </div> 165 166 <div class="contain"> 167 <div class="fl"></div> 168 <div class="fr"></div> 169 <table class="t" style="width: 36.5%"><tr><td></td></tr></table> 170 </div> 171 172 <div class="contain"> 173 <div class="fl"></div> 174 <div class="fr"></div> 175 <table class="t" style="margin: 0 15px; width: 36.5%"><tr><td></td></tr></table> 176 </div> 177 178 <div class="contain"> 179 <div class="fl"></div> 180 <div class="fr"></div> 181 <table class="t" style="margin: 0 15px 0 56px; width: 35.5%"><tr><td></td></tr></table> 182 </div> 183 184 <div class="contain"> 185 <div class="fl"></div> 186 <div class="fr"></div> 187 <table class="t" style="margin: 0 15px 0 57px; width: 35.5%"><tr><td></td></tr></table> 188 </div> 189 190 <div class="contain"> 191 <div class="fl"></div> 192 <div class="fr"></div> 193 <table class="t" style="margin: 0 73px 0 15px; width: 35.5%"><tr><td></td></tr></table> 194 </div> 195 196 <div class="contain"> 197 <div class="fl"></div> 198 <div class="fr"></div> 199 <table class="t" style="margin: 0 74px 0 15px; width: 35.5%"><tr><td></td></tr></table> 200 </div> 201 202 <div class="contain"> 203 <div class="fl"></div> 204 <div class="fr"></div> 205 <table class="t" style="margin: 0 0 0 15px; width: 35.5%"><tr><td></td></tr></table> 206 </div> 207 208 <div class="contain"> 209 <div class="fl"></div> 210 <div class="fr"></div> 211 <table class="t" style="margin: 0 0 0 15px; width: 36.5%"><tr><td></td></tr></table> 212 </div> 213 </div> 214 215 </body> 216 </html>