layout/reftests/bugs/379349-1b.xhtml@141e0f1194b1
layout/reftests/bugs/379349-1b.xhtml
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 XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Multiple)</title>
5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
7 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
8 <style type="text/css">
9 .container {
10 height: 24pt;
11 background: red;
12 }
13 .overflow {
14 height: 5in;
15 border: 2pt silver solid;
16 border-top: none;
17 border-bottom: solid 10px red;
18 }
19 #following {
20 margin: -72pt 0;
21 height: 72pt;
22 background: white;
23 border: 2pt black;
24 border-style: none solid;
26 font-size: 10pt;
27 line-height: 10pt;
28 color: blue;
29 }
30 .no2 .overflow {
31 height: 4.66667in;
32 }
33 .no3 .overflow {
34 height: 4.33333in;
35 border-bottom-color: blue;
36 }
37 body {
38 height: 2in;
39 width: 300pt;
40 -moz-column-width: 100pt;
41 -moz-column-gap: 0;
42 border: solid gray;
43 }
44 </style>
45 </head>
46 <body>
47 <div class="container no1">
48 <div class="overflow">
49 </div>
50 </div>
51 <div class="container no2">
52 <div class="overflow">
53 </div>
54 </div>
55 <div class="container no3">
56 <div class="overflow">
57 </div>
58 </div>
59 <p id="following">
60 This paragraph must be in the first column.
61 There must be no red. There must be a blue
62 horizontal line in middle of the third
63 column.
64 </p>
65 </body>
66 </html>
