summaryrefslogtreecommitdiffstats
path: root/layout/reftests/w3c-css/received/css-multicol-1/multicol-fill-auto.xht
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/w3c-css/received/css-multicol-1/multicol-fill-auto.xht')
-rw-r--r--layout/reftests/w3c-css/received/css-multicol-1/multicol-fill-auto.xht55
1 files changed, 55 insertions, 0 deletions
diff --git a/layout/reftests/w3c-css/received/css-multicol-1/multicol-fill-auto.xht b/layout/reftests/w3c-css/received/css-multicol-1/multicol-fill-auto.xht
new file mode 100644
index 000000000..284865c2e
--- /dev/null
+++ b/layout/reftests/w3c-css/received/css-multicol-1/multicol-fill-auto.xht
@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>multicolumn | -moz-column-fill-auto</title>
+<meta name="assert" content="This test checks that -moz-columns are properly balanced when '-moz-column-fill: auto' is set"/>
+<link rel="author" title="howcome@opera.com" href="http://www.opera.com/"/>
+<link rel="help" href="http://www.w3.org/TR/css3-multicol/#filling-columns"/>
+<link rel="match" href="multicol-fill-ref.xht"/>
+<meta name="flags" content="ahem"/>
+<style type="text/css"><![CDATA[
+@font-face {
+ font-family: Ahem;
+ src: url("../../../fonts/Ahem.ttf");
+}
+]]></style>
+<style type="text/css"><![CDATA[
+body>div {
+ font-family: ahem;
+ font-size: 1.25em;
+ line-height: 1em;
+ color: green;
+ height: 3em;
+ width: 2em;
+ orphans: 1;
+ widows: 1;
+ position: relative;
+ margin: 1em;
+}
+div.col {
+ -moz-column-count: 2;
+ -moz-column-fill: auto;
+ -moz-column-gap: 0;
+}
+div.red {
+ background: red; position: absolute; z-index: -1;
+}
+]]></style>
+</head>
+
+<body>
+
+<div class='col'>
+<div class='red' style="top: 0; left: 0; height: 3em; width: 1em;"></div>
+<div class='red' style="top: 0; left: 0; height: 1em; width: 2em;"></div>
+o<br/>t<br/>
+o<br/>t<br/>
+</div>
+
+<div class='ref'>
+oo<br/>t<br/>o
+</div>
+
+</body>
+</html>