layout/reftests/bugs/427129-table.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>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="width: 35.5%"><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 15px; width: 35.5%"><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: 36.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: 36.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="margin: 0 15px 0 56px; width: 35.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 0 57px; width: 35.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 73px 0 15px; 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 74px 0 15px; width: 35.5%"><tr><td></td></tr></table>
 188         </div>
 189 </div>
 190
 191 </body>
 192 </html>