1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/pagination/dynamic-abspos-overflow-01-cols.ref.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,78 @@
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>Multi-column Layout: AbsPos Pagination (Interlaced Dynamic Height)</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 + html {
1.13 + background: white;
1.14 + }
1.15 +
1.16 + #colset {
1.17 + position: relative;
1.18 + padding-top: 1px;
1.19 + width: 300pt;
1.20 + height: 2in;
1.21 + border: silver 2pt;
1.22 + border-style: none solid;
1.23 + }
1.24 +
1.25 + .centerline {
1.26 + margin: 0 auto;
1.27 + bottom: 0;
1.28 + position: absolute;
1.29 + width: 8px;
1.30 + background: aqua;
1.31 + }
1.32 + #c1 {
1.33 + height: 96pt;
1.34 + right: 200pt;
1.35 + left: 0;
1.36 + }
1.37 + #c2 {
1.38 + height: 120pt;
1.39 + right: 100pt;
1.40 + left: 100pt;
1.41 + }
1.42 + #c3 {
1.43 + height: 144pt;
1.44 + right: 0;
1.45 + left: 200pt;
1.46 + }
1.47 +
1.48 + #redline {
1.49 + border-top: 8px solid lime;
1.50 + margin-top: 1in;
1.51 + position: relative;
1.52 + }
1.53 +
1.54 + #dynamo {
1.55 + position: relative;
1.56 + margin: -8px auto -8px;
1.57 + width: 8px;
1.58 + border-top: 8px solid orange;
1.59 + }
1.60 +
1.61 + </style>
1.62 + </head>
1.63 + <body>
1.64 + <p>There must be a single green line with an orange square where
1.65 + it intersects with the middle aqua line, and no red. The following
1.66 + links must move the orange square to the intersection with the
1.67 + indicated aqua line:</p>
1.68 + <p>
1.69 + <a href="asdljlwjerlk-unvisited">Left</a>
1.70 + <a href="asdljlwjerlk-unvisited">Center</a>
1.71 + <a href="asdljlwjerlk-unvisited">Right</a>
1.72 + </p>
1.73 + <div id="colset">
1.74 + <div class="centerline" id="c1"></div>
1.75 + <div class="centerline" id="c2"></div>
1.76 + <div class="centerline" id="c3"></div>
1.77 + <div id="redline"></div>
1.78 + <div id="dynamo"></div>
1.79 + </div>
1.80 + </body>
1.81 +</html>
