427129-table-caption-ref.html (4698B)
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: 4px; margin: 1px 50px; 15 padding-top: 0.1px; /* needed for some reason (XXX WHY?) */ 16 } 17 18 div.pushed { height: 2px; } 19 div.t { background: blue; height: 1px; width: 100px; } 20 div.caption { background: purple; height: 1px; width: 100px; } 21 div.side { display: inline-block; vertical-align: top; } 22 23 </style> 24 </head> 25 <body> 26 27 <!-- 28 29 WARNING: Both this test and the reference are constructed to test 30 our current behavior, which is far from optimal in a number of cases. 31 Fixing the test to test better behavior is encouraged when such 32 behavior is implemented. 33 34 To test the behavior under resizing, every test in this page is 35 repeated three times, once in a container one pixel above the 36 transition width, once at the transition width (just fitting), and 37 once in a container a pixel below the transition width. 38 39 --> 40 41 <div style="width: 405px"> 42 <div class="contain"> 43 <div class="t" style="margin-left: 56px"></div> 44 <div class="caption" style="margin-left: 116px"></div> 45 </div> 46 </div> 47 48 <div style="width: 404px"> 49 <div class="contain"> 50 <div class="t" style="margin-left: 56px"></div> 51 <div class="caption" style="margin-left: 116px"></div> 52 </div> 53 </div> 54 55 <div style="width: 403px"> 56 <div class="contain"> 57 <div class="pushed"></div> 58 <div class="t" style="margin-left: 55px"></div> 59 <div class="caption" style="margin-left: 115px"></div> 60 </div> 61 </div> 62 63 <div style="width: 405px"> 64 <div class="contain"> 65 <div class="caption" style="margin-left: 116px"></div> 66 <div class="t" style="margin-left: 56px"></div> 67 </div> 68 </div> 69 70 <div style="width: 404px"> 71 <div class="contain"> 72 <div class="caption" style="margin-left: 116px"></div> 73 <div class="t" style="margin-left: 56px"></div> 74 </div> 75 </div> 76 77 <div style="width: 403px"> 78 <div class="contain"> 79 <div class="pushed"></div> 80 <div class="caption" style="margin-left: 116px"></div> 81 <div class="t" style="margin-left: 56px"></div> 82 </div> 83 </div> 84 85 <div style="width: 406px"> 86 <div class="contain"> 87 <div class="t" style="margin-left: 57px"></div> 88 <div class="caption" style="margin-left: 117px"></div> 89 </div> 90 </div> 91 92 <div style="width: 405px"> 93 <div class="contain"> 94 <div class="t" style="margin-left: 57px"></div> 95 <div class="caption" style="margin-left: 117px"></div> 96 </div> 97 </div> 98 99 <div style="width: 404px"> 100 <div class="contain"> 101 <div class="pushed"></div> 102 <div class="t" style="margin-left: 57px"></div> 103 <div class="caption" style="margin-left: 117px"></div> 104 </div> 105 </div> 106 107 <div style="width: 425px"> 108 <div class="contain rtl"> 109 <div class="t" style="margin-left: 152px"></div> 110 <div class="caption" style="margin-left: 72px"></div> 111 </div> 112 </div> 113 114 <div style="width: 424px"> 115 <div class="contain rtl"> 116 <div class="t" style="margin-left: 151px"></div> 117 <div class="caption" style="margin-left: 71px"></div> 118 </div> 119 </div> 120 121 <div style="width: 423px"> 122 <div class="contain rtl"> 123 <div class="pushed"></div> 124 <div class="t" style="margin-left: 151px"></div> 125 <div class="caption" style="margin-left: 71px"></div> 126 </div> 127 </div> 128 129 <div style="width: 425px"> 130 <div class="contain rtl"> 131 <div class="caption" style="margin-left: 72px"></div> 132 <div class="t" style="margin-left: 152px"></div> 133 </div> 134 </div> 135 136 <div style="width: 424px"> 137 <div class="contain rtl"> 138 <div class="caption" style="margin-left: 71px"></div> 139 <div class="t" style="margin-left: 151px"></div> 140 </div> 141 </div> 142 143 <div style="width: 423px"> 144 <div class="contain rtl"> 145 <div class="pushed"></div> 146 <div class="caption" style="margin-left: 70px"></div> 147 <div class="t" style="margin-left: 150px"></div> 148 </div> 149 </div> 150 151 <div style="width: 426px"> 152 <div class="contain rtl"> 153 <div class="t" style="margin-left: 152px"></div> 154 <div class="caption" style="margin-left: 72px"></div> 155 </div> 156 </div> 157 158 <div style="width: 425px"> 159 <div class="contain rtl"> 160 <div class="t" style="margin-left: 151px"></div> 161 <div class="caption" style="margin-left: 71px"></div> 162 </div> 163 </div> 164 165 <div style="width: 424px"> 166 <div class="contain rtl"> 167 <div class="pushed"></div> 168 <div class="t" style="margin-left: 150px"></div> 169 <div class="caption" style="margin-left: 70px"></div> 170 </div> 171 </div> 172 173 </body> 174 </html>