|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
|
2 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-print"> |
|
3 <head> |
|
4 <title>CSS 2.1 Test Suite: Overflow Pagination (Multiple)</title> |
|
5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> |
|
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/> |
|
7 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/> |
|
8 <style type="text/css"> |
|
9 .overflow { |
|
10 border: solid 2pt silver; |
|
11 height: 25in; |
|
12 border-bottom: 4pt solid black; |
|
13 } |
|
14 #following { |
|
15 position: absolute; |
|
16 top: 0; left: 0; |
|
17 margin: 0; |
|
18 height: 72pt; |
|
19 border: 2pt black; |
|
20 border-style: none solid; |
|
21 background: white; |
|
22 font-size: 10pt; |
|
23 line-height: 10pt; |
|
24 text-align: center; |
|
25 color: blue; |
|
26 } |
|
27 body { |
|
28 position: relative; |
|
29 } |
|
30 </style> |
|
31 </head> |
|
32 <body> |
|
33 <p id="following"> |
|
34 This paragraph must be on the first page in paged media. |
|
35 There must be no red on any page. There must be a blue line |
|
36 on a page <em>after</em> the first (assuming the page area |
|
37 is shorter than 25 inches). |
|
38 </p> |
|
39 <div class="container no1"> |
|
40 <div class="overflow"> |
|
41 </div> |
|
42 </div> |
|
43 <div class="container no2"> |
|
44 <div class="overflow"> |
|
45 </div> |
|
46 </div> |
|
47 <div class="container no3"> |
|
48 <div class="overflow"> |
|
49 </div> |
|
50 </div> |
|
51 </body> |
|
52 </html> |