layout/reftests/pagination/border-breaking-001-cols.xhtml

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/pagination/border-breaking-001-cols.xhtml	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,74 @@
     1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
     1.5 +<html xmlns="http://www.w3.org/1999/xhtml">
     1.6 + <head>
     1.7 +  <title>Pagination with Borders</title>
     1.8 +  <style type="text/css">
     1.9 +    .container {
    1.10 +      height: 0;
    1.11 +      padding-bottom: 10px;
    1.12 +      border-bottom: 10px solid transparent;
    1.13 +      margin-bottom: -20px;
    1.14 +    }
    1.15 +    .overflow {
    1.16 +      position: relative;
    1.17 +      background: aqua;
    1.18 +      height: 500px;
    1.19 +      width: 40px;
    1.20 +      border: 10px solid red;
    1.21 +      border-style: none solid;
    1.22 +    }
    1.23 +    body > .container .overflow {
    1.24 +      border-right: none;
    1.25 +    }
    1.26 +    .abs {
    1.27 +      position: relative;
    1.28 +    }
    1.29 +    .abs .container {
    1.30 +      position: absolute;
    1.31 +      width: 100%;
    1.32 +      margin-left: 50px;
    1.33 +    }
    1.34 +    .abs .overflow {
    1.35 +      background: lime;
    1.36 +      border-left: none;
    1.37 +    }
    1.38 +    .long {
    1.39 +      position: relative;
    1.40 +      height: 500px;
    1.41 +      border: solid 10px green;
    1.42 +      border-style: none solid;
    1.43 +    }
    1.44 +
    1.45 +    .block {
    1.46 +      background: yellow;
    1.47 +      height: 100px;
    1.48 +    }
    1.49 +
    1.50 +    body {
    1.51 +      height: 200px;
    1.52 +      width: 300px;
    1.53 +      -moz-column-width: 100px;
    1.54 +      -moz-column-gap: 0;
    1.55 +      -moz-column-fill: auto;
    1.56 +      border: solid silver;
    1.57 +      border-style: none solid;
    1.58 +    }
    1.59 +  </style>
    1.60 + </head>
    1.61 + <body>
    1.62 +  <div class="abs">
    1.63 +    <div class="container">
    1.64 +      <div class="overflow">
    1.65 +      </div>
    1.66 +    </div>
    1.67 +  </div>
    1.68 +  <div class="container">
    1.69 +    <div class="overflow">
    1.70 +    </div>
    1.71 +  </div>
    1.72 +  <div class="long">
    1.73 +  </div>
    1.74 +  <div class="block">
    1.75 +  </div>
    1.76 + </body>
    1.77 +</html>

mercurial