layout/reftests/bugs/427129-table.html@141e0f1194b1
layout/reftests/bugs/427129-table.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 /* 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; }
28 </style>
29 </head>
30 <body>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
191 </body>
192 </html>
