layout/reftests/bugs/379349-1c.xhtml

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/bugs/379349-1c.xhtml	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,68 @@
     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>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Multiple)</title>
     1.8 +  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
     1.9 +  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
    1.10 +  <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
    1.11 +  <style type="text/css">
    1.12 +    .container {
    1.13 +      height: 24pt;
    1.14 +      background: red;
    1.15 +    }
    1.16 +    .overflow {
    1.17 +      height: 5in;
    1.18 +      border: 2pt silver solid;
    1.19 +      border-top: none;
    1.20 +      border-bottom: solid 10px red;
    1.21 +    }
    1.22 +    #following {
    1.23 +      margin: -72pt 0;
    1.24 +      height: 72pt;
    1.25 +      background: white;
    1.26 +      border: 2pt black;
    1.27 +      border-style: none solid;
    1.28 +
    1.29 +      font-size: 10pt;
    1.30 +      line-height: 10pt;
    1.31 +      color: blue;
    1.32 +    }
    1.33 +    .no2 .overflow {
    1.34 +      height: 4.66667in;
    1.35 +      border-bottom-color: blue;
    1.36 +    }
    1.37 +    .no3 .overflow {
    1.38 +      height: 4.33333in;
    1.39 +      position: relative;
    1.40 +      z-index: -1;
    1.41 +    }
    1.42 +    body {
    1.43 +      height: 2in;
    1.44 +      width: 300pt;
    1.45 +      -moz-column-width: 100pt;
    1.46 +      -moz-column-gap: 0;
    1.47 +      border: solid gray;
    1.48 +    }
    1.49 +  </style>
    1.50 + </head>
    1.51 + <body>
    1.52 +  <div class="container no1">
    1.53 +    <div class="overflow">
    1.54 +    </div>
    1.55 +  </div>
    1.56 +  <div class="container no2">
    1.57 +    <div class="overflow">
    1.58 +    </div>
    1.59 +  </div>
    1.60 +  <div class="container no3">
    1.61 +    <div class="overflow">
    1.62 +    </div>
    1.63 +  </div>
    1.64 +  <p id="following">
    1.65 +    This paragraph must be in the first column.
    1.66 +    There must be no red. There must be a blue
    1.67 +    horizontal line in middle of the third
    1.68 +    column.
    1.69 +  </p>
    1.70 + </body>
    1.71 +</html>

mercurial