adding new test file

howcom · howcom · commit dcfd520c1021 · 2008-10-16T18:21:06.000Z
diff --git a/css3-multicol/tests/01.html b/css3-multicol/tests/01.html
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" xml:lang="en" lang="en">
+<head>
+<title>Suggestion for Multi Column Layout scrolling issue</title>
+<style type="text/css" media="all">
+	body { 
+		font-size: 12px; 
+		margin: 4em; 	
+		line-height: 1.3em;
+		xwidth: 90em; 
+	}		
+	h1 {
+		font-size: 1.333em;
+		line-height: 1.125em;
+		margin: 0 0 1.125em 0;
+	}		
+	
+		
+	p {
+		margin-top: 1.5em;
+		margin-bottom: 0;
+	}
+	p + p {
+		margin-top: 0;
+		text-indent: 1.5em;
+	}
+	div { 
+		border: thin solid blue;
+		column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;
+   		column-rule: 1px solid #696969; -webkit-column-rule: 1px solid #696969; -moz-column-rule: 1px solid #696969; 
+ 		column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px;
+ 		
+ 		height: 70px;
+ 		margin-top: 2em;
+ 		
+ 	}
+		
+</style>
+</head>
+<body>
+
+<h1>Suggestion for problem of scrolling using CSS Multi-column Layout</h1>
+	
+<div>
+		<p>
+			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In quis ligula at lorem iaculis scelerisque. Integer suscipit purus nec odio. Nulla dolor sem, varius vel, venenatis non, lacinia vel, justo. Morbi vel sapien nec nisl rutrum varius. Mauris tortor. Morbi odio. Integer neque orci, varius et, vulputate posuere, porttitor at, diam. Nunc dictum neque in libero. Aliquam vitae quam at metus pretium mattis. Mauris aliquam fermentum metus. Proin ornare. Praesent risus erat, pharetra ac, sagittis sed, sagittis at, metus. Integer diam justo, imperdiet eget, rhoncus nec, volutpat id, mauris.
+			</p>
+</div>
+	
+</body>
+</html>
