mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-01-10 13:54:27 +00:00
Bug 379349. Reftest files need to be added. Created by fantasai
This commit is contained in:
roc+@cs.cmu.edu
parent
b2e12239e6
commit
2e95c6717f
51
layout/reftests/bugs/379349-1-ref.xhtml
Executable file
51
layout/reftests/bugs/379349-1-ref.xhtml
Executable file
@ -0,0 +1,51 @@
|
||||
<!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">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Basic)</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"/>
|
||||
<style type="text/css">
|
||||
#overflow {
|
||||
height: 5in;
|
||||
border: 2pt silver solid;
|
||||
border-top: none;
|
||||
border-bottom: solid 10px blue;
|
||||
}
|
||||
#following {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
margin: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
width: 100pt;
|
||||
height: 72pt;
|
||||
background: white;
|
||||
border: 2pt black;
|
||||
border-style: none solid;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: blue;
|
||||
}
|
||||
body {
|
||||
height: 2in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
position: relative;
|
||||
border: solid gray;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="overflow">
|
||||
</div>
|
||||
</div>
|
||||
<p id="following">
|
||||
This paragraph must be in the first column.
|
||||
There must be no red. There must be a blue
|
||||
horizontal line in middle of the third
|
||||
column.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
50
layout/reftests/bugs/379349-1a.xhtml
Executable file
50
layout/reftests/bugs/379349-1a.xhtml
Executable file
@ -0,0 +1,50 @@
|
||||
<!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">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Basic)</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"/>
|
||||
<style type="text/css">
|
||||
#container {
|
||||
height: 72pt;
|
||||
background: red;
|
||||
}
|
||||
#overflow {
|
||||
height: 5in;
|
||||
border: 2pt silver solid;
|
||||
border-top: none;
|
||||
border-bottom: solid 10px blue;
|
||||
}
|
||||
#following {
|
||||
margin: -72pt 0;
|
||||
height: 72pt;
|
||||
background: white;
|
||||
border: 2pt black;
|
||||
border-style: none solid;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: blue;
|
||||
}
|
||||
body {
|
||||
height: 2in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
border: solid gray;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="overflow">
|
||||
</div>
|
||||
</div>
|
||||
<p id="following">
|
||||
This paragraph must be in the first column.
|
||||
There must be no red. There must be a blue
|
||||
horizontal line in middle of the third
|
||||
column.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
66
layout/reftests/bugs/379349-1b.xhtml
Executable file
66
layout/reftests/bugs/379349-1b.xhtml
Executable file
@ -0,0 +1,66 @@
|
||||
<!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">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout 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;
|
||||
}
|
||||
.overflow {
|
||||
height: 5in;
|
||||
border: 2pt silver solid;
|
||||
border-top: none;
|
||||
border-bottom: solid 10px red;
|
||||
}
|
||||
#following {
|
||||
margin: -72pt 0;
|
||||
height: 72pt;
|
||||
background: white;
|
||||
border: 2pt black;
|
||||
border-style: none solid;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: blue;
|
||||
}
|
||||
.no2 .overflow {
|
||||
height: 4.66667in;
|
||||
}
|
||||
.no3 .overflow {
|
||||
height: 4.33333in;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
body {
|
||||
height: 2in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
border: solid gray;
|
||||
}
|
||||
</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 in the first column.
|
||||
There must be no red. There must be a blue
|
||||
horizontal line in middle of the third
|
||||
column.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
68
layout/reftests/bugs/379349-1c.xhtml
Executable file
68
layout/reftests/bugs/379349-1c.xhtml
Executable file
@ -0,0 +1,68 @@
|
||||
<!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">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout 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;
|
||||
}
|
||||
.overflow {
|
||||
height: 5in;
|
||||
border: 2pt silver solid;
|
||||
border-top: none;
|
||||
border-bottom: solid 10px red;
|
||||
}
|
||||
#following {
|
||||
margin: -72pt 0;
|
||||
height: 72pt;
|
||||
background: white;
|
||||
border: 2pt black;
|
||||
border-style: none solid;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: blue;
|
||||
}
|
||||
.no2 .overflow {
|
||||
height: 4.66667in;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
.no3 .overflow {
|
||||
height: 4.33333in;
|
||||
position: relative;
|
||||
z-index: -1;
|
||||
}
|
||||
body {
|
||||
height: 2in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
border: solid gray;
|
||||
}
|
||||
</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 in the first column.
|
||||
There must be no red. There must be a blue
|
||||
horizontal line in middle of the third
|
||||
column.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
62
layout/reftests/bugs/379349-2-ref.xhtml
Executable file
62
layout/reftests/bugs/379349-2-ref.xhtml
Executable file
@ -0,0 +1,62 @@
|
||||
<!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">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Interlaced [Simplified])</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">
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.following {
|
||||
margin: 0 0 .5in;
|
||||
height: .5in;
|
||||
background: white;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: navy;
|
||||
}
|
||||
.fno1 {
|
||||
position: absolute;
|
||||
top: 1.5in; left: 0;
|
||||
width: 100pt;
|
||||
border-top: 4px solid blue;
|
||||
}
|
||||
.fno2 {
|
||||
position: absolute;
|
||||
top: .5in; left: 100pt;
|
||||
width: 100pt;
|
||||
}
|
||||
.overflow {
|
||||
height: 4in;
|
||||
width: 200pt;
|
||||
border-bottom: 4px solid blue;
|
||||
}
|
||||
body {
|
||||
height: 2.5in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
border: solid gray;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="overflow">
|
||||
</div>
|
||||
<div class="following fno1">
|
||||
This paragraph must be in the first column.
|
||||
There must be no red on any page.
|
||||
</div>
|
||||
<p class="following fno2">
|
||||
This paragraph must be in the second column.
|
||||
There must be an unbroken blue line across
|
||||
all three columns.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
84
layout/reftests/bugs/379349-2a.xhtml
Executable file
84
layout/reftests/bugs/379349-2a.xhtml
Executable file
@ -0,0 +1,84 @@
|
||||
<!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">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Interlaced [Simplified])</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">
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
height: .5in;
|
||||
}
|
||||
.overflow {
|
||||
border-bottom: solid 4px red;
|
||||
}
|
||||
.following {
|
||||
margin: 0 0 .5in;
|
||||
height: .5in;
|
||||
background: white;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: navy;
|
||||
}
|
||||
.fno1 {
|
||||
margin: 0;
|
||||
border-top: 4px solid blue;
|
||||
}
|
||||
.no1 .overflow {
|
||||
height: 800%;
|
||||
}
|
||||
.no2 .overflow {
|
||||
height: 1200%;
|
||||
}
|
||||
.no3 .overflow {
|
||||
height: 600%;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
.no4 .overflow {
|
||||
height: 800%;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
body {
|
||||
height: 2.5in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
border: solid gray;
|
||||
}
|
||||
</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>
|
||||
<div class="following">
|
||||
<p class="fno1">
|
||||
This paragraph must be in the first column.
|
||||
There must be no red on any page.
|
||||
</p>
|
||||
</div>
|
||||
<div class="container no4">
|
||||
<div class="overflow">
|
||||
</div>
|
||||
</div>
|
||||
<p class="following">
|
||||
This paragraph must be in the second column.
|
||||
There must be an unbroken blue line across
|
||||
all three columns.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
91
layout/reftests/bugs/379349-2b.xhtml
Executable file
91
layout/reftests/bugs/379349-2b.xhtml
Executable file
@ -0,0 +1,91 @@
|
||||
<!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-wait">
|
||||
<head>
|
||||
<title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Interlaced [Simplified])</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">
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
height: .5in;
|
||||
}
|
||||
.overflow {
|
||||
border-bottom: solid 4px red;
|
||||
}
|
||||
.following {
|
||||
margin: 0 0 .5in;
|
||||
height: .5in;
|
||||
background: white;
|
||||
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
color: navy;
|
||||
}
|
||||
.fno1 {
|
||||
margin: 0;
|
||||
border-top: 4px solid blue;
|
||||
}
|
||||
.no1 .overflow {
|
||||
height: 800%;
|
||||
}
|
||||
.no2 .overflow {
|
||||
height: 1200%;
|
||||
}
|
||||
.no3 .overflow {
|
||||
height: 600%;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
.no4 .overflow {
|
||||
height: 800%;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
body {
|
||||
height: 2.5in;
|
||||
width: 300pt;
|
||||
-moz-column-width: 100pt;
|
||||
-moz-column-gap: 0;
|
||||
border: solid gray;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body onload="document.getElementById('tester1').style.height = '9in';
|
||||
document.getElementById('tester1').offsetHeight;
|
||||
document.getElementById('tester2').style.height = '29in';
|
||||
document.getElementById('tester2').offsetHeight;
|
||||
document.getElementById('tester1').style.height = '.5in';
|
||||
document.getElementById('tester1').offsetHeight;
|
||||
document.getElementById('tester2').style.height = '.5in';
|
||||
document.documentElement.className = ''">
|
||||
<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>
|
||||
<div class="following" id="tester1">
|
||||
<p class="fno1">
|
||||
This paragraph must be in the first column.
|
||||
There must be no red on any page.
|
||||
</p>
|
||||
</div>
|
||||
<div class="container no4">
|
||||
<div class="overflow">
|
||||
</div>
|
||||
</div>
|
||||
<p class="following" id="tester2">
|
||||
This paragraph must be in the second column.
|
||||
There must be an unbroken blue line across
|
||||
all three columns.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
52
layout/reftests/bugs/379349-3-ref.xhtml
Executable file
52
layout/reftests/bugs/379349-3-ref.xhtml
Executable file
@ -0,0 +1,52 @@
|
||||
<!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-print">
|
||||
<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">
|
||||
.overflow {
|
||||
border: solid 2pt silver;
|
||||
height: 25in;
|
||||
border-bottom: 4pt solid black;
|
||||
}
|
||||
#following {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
margin: 0;
|
||||
height: 72pt;
|
||||
border: 2pt black;
|
||||
border-style: none solid;
|
||||
background: white;
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
text-align: center;
|
||||
color: blue;
|
||||
}
|
||||
body {
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<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="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>
|
||||
</body>
|
||||
</html>
|
||||
58
layout/reftests/bugs/379349-3a.xhtml
Executable file
58
layout/reftests/bugs/379349-3a.xhtml
Executable file
@ -0,0 +1,58 @@
|
||||
<!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-print">
|
||||
<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;
|
||||
}
|
||||
.no3 .overflow {
|
||||
height: 24.33333in;
|
||||
border-bottom-color: blue;
|
||||
}
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
60
layout/reftests/bugs/379349-3b.xhtml
Executable file
60
layout/reftests/bugs/379349-3b.xhtml
Executable file
@ -0,0 +1,60 @@
|
||||
<!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-print">
|
||||
<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;
|
||||
}
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user