1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/multicol3/multicol-height-002.xht Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,44 @@
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 class="reftest-print">
1.7 + <title>CSS Test: Percentage Computed Height on Multicol Child (Definite Multicol 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/css3-multicol/#the-multi-column-model" />
1.10 + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
1.11 + <meta name="flags" content="" />
1.12 + <meta name="assert" content="Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated." />
1.13 + <link rel="match" href="reference/multicol-height-002.xht" />
1.14 + <style type="text/css"><![CDATA[
1.15 + html, body { height: 100%; }
1.16 + * { margin: 0; }
1.17 + div {
1.18 + border: double blue 12px;
1.19 + -moz-column-count:2;
1.20 + -moz-column-gap:0;
1.21 + -moz-column-fill: balance;
1.22 + height: 150%;
1.23 + }
1.24 + div > p {
1.25 + border-right: solid orange 12px;
1.26 + width: 0;
1.27 + margin: 0 auto;
1.28 + height: 200%;
1.29 + }
1.30 + blockquote {
1.31 + border: solid thick yellow;
1.32 + }
1.33 + ]]></style>
1.34 + </head>
1.35 + <body>
1.36 + <p>Test passes if even when printed:</p>
1.37 + <ul>
1.38 + <li>Two vertical orange stripes stretch exactly
1.39 + from the inner top edge to the inner bottom edge of the blue box below.</li>
1.40 + <li>There is a yellow stripe immediately below the blue box.</li>
1.41 + </ul>
1.42 + <div>
1.43 + <p></p>
1.44 + </div>
1.45 + <blockquote></blockquote>
1.46 + </body>
1.47 +</html>
