layout/reftests/pagination/border-breaking-001-cols.xhtml@8bccb770b82d
layout/reftests/pagination/border-breaking-001-cols.xhtml
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
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>Pagination with Borders</title>
5 <style type="text/css">
6 .container {
7 height: 0;
8 padding-bottom: 10px;
9 border-bottom: 10px solid transparent;
10 margin-bottom: -20px;
11 }
12 .overflow {
13 position: relative;
14 background: aqua;
15 height: 500px;
16 width: 40px;
17 border: 10px solid red;
18 border-style: none solid;
19 }
20 body > .container .overflow {
21 border-right: none;
22 }
23 .abs {
24 position: relative;
25 }
26 .abs .container {
27 position: absolute;
28 width: 100%;
29 margin-left: 50px;
30 }
31 .abs .overflow {
32 background: lime;
33 border-left: none;
34 }
35 .long {
36 position: relative;
37 height: 500px;
38 border: solid 10px green;
39 border-style: none solid;
40 }
42 .block {
43 background: yellow;
44 height: 100px;
45 }
47 body {
48 height: 200px;
49 width: 300px;
50 -moz-column-width: 100px;
51 -moz-column-gap: 0;
52 -moz-column-fill: auto;
53 border: solid silver;
54 border-style: none solid;
55 }
56 </style>
57 </head>
58 <body>
59 <div class="abs">
60 <div class="container">
61 <div class="overflow">
62 </div>
63 </div>
64 </div>
65 <div class="container">
66 <div class="overflow">
67 </div>
68 </div>
69 <div class="long">
70 </div>
71 <div class="block">
72 </div>
73 </body>
74 </html>
