layout/reftests/bugs/427129-image.html@141e0f1194b1
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.
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">
10 html, body { margin: 0; }
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 }
18 .fl, .fr { height: 5px; }
19 .fl { float: left; width: 56px; }
20 .fr { float: right; width: 73px; }
22 .t { display: block; background: blue; height: 5px; width: 85px;
23 border-left: 1px solid blue; padding-left: 2px;
24 padding-right: 4px; border-right: 8px solid blue; }
26 </style>
27 </head>
28 <body>
30 <div class="contain">
31 <div class="fl"></div>
32 <div class="fr"></div>
33 <img src="solidblue2.png" class="t">
34 </div>
36 <div class="contain">
37 <div class="fl"></div>
38 <div class="fr"></div>
39 <img src="solidblue2.png" class="t" style="margin-left: 30px">
40 </div>
42 <div class="contain">
43 <div class="fl"></div>
44 <div class="fr"></div>
45 <img src="solidblue2.png" class="t" style="margin-left: 56px">
46 </div>
48 <div class="contain">
49 <div class="fl"></div>
50 <div class="fr"></div>
51 <img src="solidblue2.png" class="t" style="margin-left: 73px">
52 </div>
54 <div class="contain">
55 <div class="fl"></div>
56 <div class="fr"></div>
57 <img src="solidblue2.png" class="t" style="margin-left: 100px">
58 </div>
60 <div class="contain">
61 <div class="fl"></div>
62 <div class="fr"></div>
63 <img src="solidblue2.png" class="t" style="margin-left: auto">
64 </div>
66 <div class="contain">
67 <div class="fl"></div>
68 <div class="fr"></div>
69 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 30px">
70 </div>
72 <div class="contain">
73 <div class="fl"></div>
74 <div class="fr"></div>
75 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 56px">
76 </div>
78 <div class="contain">
79 <div class="fl"></div>
80 <div class="fr"></div>
81 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 73px">
82 </div>
84 <div class="contain">
85 <div class="fl"></div>
86 <div class="fr"></div>
87 <img src="solidblue2.png" class="t" style="margin-left: auto; margin-right: 100px">
88 </div>
90 <!-- Remember that the extra end-edge margin gets ignored -->
91 <div style="width: 300px">
92 <div class="contain">
93 <div class="fl"></div>
94 <div class="fr"></div>
95 <img src="solidblue2.png" class="t" style="width: 56px">
96 </div>
98 <div class="contain">
99 <div class="fl"></div>
100 <div class="fr"></div>
101 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 56px">
102 </div>
104 <div class="contain">
105 <div class="fl"></div>
106 <div class="fr"></div>
107 <img src="solidblue2.png" class="t" style="width: 57px">
108 </div>
110 <div class="contain">
111 <div class="fl"></div>
112 <div class="fr"></div>
113 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 57px">
114 </div>
116 <div class="contain">
117 <div class="fl"></div>
118 <div class="fr"></div>
119 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 56px; width: 56px">
120 </div>
122 <div class="contain">
123 <div class="fl"></div>
124 <div class="fr"></div>
125 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 57px; width: 56px">
126 </div>
128 <div class="contain">
129 <div class="fl"></div>
130 <div class="fr"></div>
131 <img src="solidblue2.png" class="t" style="margin: 0 73px 0 15px; width: 56px">
132 </div>
134 <div class="contain">
135 <div class="fl"></div>
136 <div class="fr"></div>
137 <img src="solidblue2.png" class="t" style="margin: 0 74px 0 15px; width: 56px">
138 </div>
140 <div class="contain">
141 <div class="fl"></div>
142 <div class="fr"></div>
143 <img src="solidblue2.png" class="t" style="width: 28%">
144 </div>
146 <div class="contain">
147 <div class="fl"></div>
148 <div class="fr"></div>
149 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 28%">
150 </div>
152 <div class="contain">
153 <div class="fl"></div>
154 <div class="fr"></div>
155 <img src="solidblue2.png" class="t" style="width: 29%">
156 </div>
158 <div class="contain">
159 <div class="fl"></div>
160 <div class="fr"></div>
161 <img src="solidblue2.png" class="t" style="margin: 0 15px; width: 29%">
162 </div>
164 <div class="contain">
165 <div class="fl"></div>
166 <div class="fr"></div>
167 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 56px; width: 28%">
168 </div>
170 <div class="contain">
171 <div class="fl"></div>
172 <div class="fr"></div>
173 <img src="solidblue2.png" class="t" style="margin: 0 15px 0 57px; width: 28%">
174 </div>
176 <div class="contain">
177 <div class="fl"></div>
178 <div class="fr"></div>
179 <img src="solidblue2.png" class="t" style="margin: 0 73px 0 15px; width: 28%">
180 </div>
182 <div class="contain">
183 <div class="fl"></div>
184 <div class="fr"></div>
185 <img src="solidblue2.png" class="t" style="margin: 0 74px 0 15px; width: 28%">
186 </div>
187 </div>
189 </body>
190 </html>
