summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/379349-3b.xhtml
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/bugs/379349-3b.xhtml65
1 files changed, 65 insertions, 0 deletions
diff --git a/layout/reftests/bugs/379349-3b.xhtml b/layout/reftests/bugs/379349-3b.xhtml
new file mode 100644
index 0000000000..8265115b79
--- /dev/null
+++ b/layout/reftests/bugs/379349-3b.xhtml
@@ -0,0 +1,65 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-paged">
+ <head>
+ <title>CSS 2.1 Test Suite: Overflow Pagination (Multiple)</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/>
+ <style type="text/css">
+ .container {
+ height: 24pt;
+ /* background: red; See bug 380013 for why this is commented out */
+ }
+ .overflow {
+ border: solid 2pt silver;
+ height: 25in;
+ border-bottom: 4pt solid red;
+ }
+ #following {
+ margin: -1in 0;
+ height: 72pt;
+ border: 2pt black;
+ border-style: none solid;
+ background: white;
+ font-size: 10pt;
+ line-height: 10pt;
+ text-align: center;
+ color: blue;
+ }
+ .no2 .overflow {
+ height: 24.66667in;
+ border-bottom-color: blue;
+ }
+ .no3 .overflow {
+ height: 24.33333in;
+ position: relative;
+ z-index: -1;
+ }
+ .fill {
+ height: 75in;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container no1">
+ <div class="overflow">
+ </div>
+ </div>
+ <div class="container no2">
+ <div class="overflow">
+ </div>
+ </div>
+ <div class="container no3">
+ <div class="overflow">
+ </div>
+ </div>
+ <p id="following">
+ This paragraph must be on the first page in paged media.
+ There must be no red on any page. There must be a blue line
+ on a page <em>after</em> the first (assuming the page area
+ is shorter than 25 inches).
+ </p>
+ <div class="fill">
+ </div>
+ </body>
+</html>