1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
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; }
13 background: aqua
; color: black
;
14 height: 10px; margin: 2px 50px;
15 padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
18 .fl, .fr { height: 5px; }
19 .fl { float: left
; width: 56px; }
20 .fr { float: right
; width: 73px; }
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
; }
33 <div class=
"fl"></div>
34 <div class=
"fr"></div>
35 <table class=
"t"><tr><td></td></tr></table>
39 <div class=
"fl"></div>
40 <div class=
"fr"></div>
41 <table class=
"t" style=
"margin-left: 30px"><tr><td></td></tr></table>
45 <div class=
"fl"></div>
46 <div class=
"fr"></div>
47 <table class=
"t" style=
"margin-left: 56px"><tr><td></td></tr></table>
51 <div class=
"fl"></div>
52 <div class=
"fr"></div>
53 <table class=
"t" style=
"margin-left: 73px"><tr><td></td></tr></table>
57 <div class=
"fl"></div>
58 <div class=
"fr"></div>
59 <table class=
"t" style=
"margin-left: 100px"><tr><td></td></tr></table>
63 <div class=
"fl"></div>
64 <div class=
"fr"></div>
65 <table class=
"t" style=
"margin-left: auto"><tr><td></td></tr></table>
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>
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>
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>
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>
92 <!-- Remember that the extra end-edge margin gets ignored -->
93 <div style=
"width: 300px">
95 <div class=
"fl"></div>
96 <div class=
"fr"></div>
97 <table class=
"t" style=
"width: 71px"><tr><td></td></tr></table>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>