layout/reftests/bugs/427129-image.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
michael@0 2 "http://www.w3.org/TR/html4/strict.dtd">
michael@0 3 <html lang="en-US">
michael@0 4 <head>
michael@0 5 <title>Reftest, bug 427129</title>
michael@0 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
michael@0 7 <meta http-equiv="Content-Style-Type" content="text/css">
michael@0 8 <style type="text/css">
michael@0 9
michael@0 10 html, body { margin: 0; }
michael@0 11
michael@0 12 .contain {
michael@0 13 background: aqua; color: black;
michael@0 14 height: 10px; margin: 2px 50px;
michael@0 15 padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
michael@0 16 }
michael@0 17
michael@0 18 .fl, .fr { height: 5px; }
michael@0 19 .fl { float: left; width: 56px; }
michael@0 20 .fr { float: right; width: 73px; }
michael@0 21
michael@0 22 .t { display: block; background: blue; height: 5px; width: 85px;
michael@0 23 border-left: 1px solid blue; padding-left: 2px;
michael@0 24 padding-right: 4px; border-right: 8px solid blue; }
michael@0 25
michael@0 26 </style>
michael@0 27 </head>
michael@0 28 <body>
michael@0 29
michael@0 30 <div class="contain">
michael@0 31 <div class="fl"></div>
michael@0 32 <div class="fr"></div>
michael@0 33 <img src="solidblue2.png" class="t">
michael@0 34 </div>
michael@0 35
michael@0 36 <div class="contain">
michael@0 37 <div class="fl"></div>
michael@0 38 <div class="fr"></div>
michael@0 39 <img src="solidblue2.png" class="t" style="margin-left: 30px">
michael@0 40 </div>
michael@0 41
michael@0 42 <div class="contain">
michael@0 43 <div class="fl"></div>
michael@0 44 <div class="fr"></div>
michael@0 45 <img src="solidblue2.png" class="t" style="margin-left: 56px">
michael@0 46 </div>
michael@0 47
michael@0 48 <div class="contain">
michael@0 49 <div class="fl"></div>
michael@0 50 <div class="fr"></div>
michael@0 51 <img src="solidblue2.png" class="t" style="margin-left: 73px">
michael@0 52 </div>
michael@0 53
michael@0 54 <div class="contain">
michael@0 55 <div class="fl"></div>
michael@0 56 <div class="fr"></div>
michael@0 57 <img src="solidblue2.png" class="t" style="margin-left: 100px">
michael@0 58 </div>
michael@0 59
michael@0 60 <div class="contain">
michael@0 61 <div class="fl"></div>
michael@0 62 <div class="fr"></div>
michael@0 63 <img src="solidblue2.png" class="t" style="margin-left: auto">
michael@0 64 </div>
michael@0 65
michael@0 66 <div class="contain">
michael@0 67 <div class="fl"></div>
michael@0 68 <div class="fr"></div>
michael@0 69 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 30px">
michael@0 70 </div>
michael@0 71
michael@0 72 <div class="contain">
michael@0 73 <div class="fl"></div>
michael@0 74 <div class="fr"></div>
michael@0 75 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 56px">
michael@0 76 </div>
michael@0 77
michael@0 78 <div class="contain">
michael@0 79 <div class="fl"></div>
michael@0 80 <div class="fr"></div>
michael@0 81 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 73px">
michael@0 82 </div>
michael@0 83
michael@0 84 <div class="contain">
michael@0 85 <div class="fl"></div>
michael@0 86 <div class="fr"></div>
michael@0 87 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 100px">
michael@0 88 </div>
michael@0 89
michael@0 90 <!-- Remember that the extra end-edge margin gets ignored -->
michael@0 91 <div style="width: 300px">
michael@0 92 <div class="contain">
michael@0 93 <div class="fl"></div>
michael@0 94 <div class="fr"></div>
michael@0 95 <img src="solidblue2.png" class="t" style="width: 56px">
michael@0 96 </div>
michael@0 97
michael@0 98 <div class="contain">
michael@0 99 <div class="fl"></div>
michael@0 100 <div class="fr"></div>
michael@0 101 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 56px">
michael@0 102 </div>
michael@0 103
michael@0 104 <div class="contain">
michael@0 105 <div class="fl"></div>
michael@0 106 <div class="fr"></div>
michael@0 107 <img src="solidblue2.png" class="t" style="width: 57px">
michael@0 108 </div>
michael@0 109
michael@0 110 <div class="contain">
michael@0 111 <div class="fl"></div>
michael@0 112 <div class="fr"></div>
michael@0 113 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 57px">
michael@0 114 </div>
michael@0 115
michael@0 116 <div class="contain">
michael@0 117 <div class="fl"></div>
michael@0 118 <div class="fr"></div>
michael@0 119 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 56px; width: 56px">
michael@0 120 </div>
michael@0 121
michael@0 122 <div class="contain">
michael@0 123 <div class="fl"></div>
michael@0 124 <div class="fr"></div>
michael@0 125 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 57px; width: 56px">
michael@0 126 </div>
michael@0 127
michael@0 128 <div class="contain">
michael@0 129 <div class="fl"></div>
michael@0 130 <div class="fr"></div>
michael@0 131 <img src="solidblue2.png" class="t" style="margin: 0 73px 0 15px; width: 56px">
michael@0 132 </div>
michael@0 133
michael@0 134 <div class="contain">
michael@0 135 <div class="fl"></div>
michael@0 136 <div class="fr"></div>
michael@0 137 <img src="solidblue2.png" class="t" style="margin: 0 74px 0 15px; width: 56px">
michael@0 138 </div>
michael@0 139
michael@0 140 <div class="contain">
michael@0 141 <div class="fl"></div>
michael@0 142 <div class="fr"></div>
michael@0 143 <img src="solidblue2.png" class="t" style="width: 28%">
michael@0 144 </div>
michael@0 145
michael@0 146 <div class="contain">
michael@0 147 <div class="fl"></div>
michael@0 148 <div class="fr"></div>
michael@0 149 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 28%">
michael@0 150 </div>
michael@0 151
michael@0 152 <div class="contain">
michael@0 153 <div class="fl"></div>
michael@0 154 <div class="fr"></div>
michael@0 155 <img src="solidblue2.png" class="t" style="width: 29%">
michael@0 156 </div>
michael@0 157
michael@0 158 <div class="contain">
michael@0 159 <div class="fl"></div>
michael@0 160 <div class="fr"></div>
michael@0 161 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 29%">
michael@0 162 </div>
michael@0 163
michael@0 164 <div class="contain">
michael@0 165 <div class="fl"></div>
michael@0 166 <div class="fr"></div>
michael@0 167 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 56px; width: 28%">
michael@0 168 </div>
michael@0 169
michael@0 170 <div class="contain">
michael@0 171 <div class="fl"></div>
michael@0 172 <div class="fr"></div>
michael@0 173 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 57px; width: 28%">
michael@0 174 </div>
michael@0 175
michael@0 176 <div class="contain">
michael@0 177 <div class="fl"></div>
michael@0 178 <div class="fr"></div>
michael@0 179 <img src="solidblue2.png" class="t" style="margin: 0 73px 0 15px; width: 28%">
michael@0 180 </div>
michael@0 181
michael@0 182 <div class="contain">
michael@0 183 <div class="fl"></div>
michael@0 184 <div class="fr"></div>
michael@0 185 <img src="solidblue2.png" class="t" style="margin: 0 74px 0 15px; width: 28%">
michael@0 186 </div>
michael@0 187 </div>
michael@0 188
michael@0 189 </body>
michael@0 190 </html>

mercurial