379349-3b.xhtml (1771B)
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-paged"> 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 .container { 10 height: 24pt; 11 /* background: red; See bug 380013 for why this is commented out */ 12 } 13 .overflow { 14 border: solid 2pt silver; 15 height: 25in; 16 border-bottom: 4pt solid red; 17 } 18 #following { 19 margin: -1in 0; 20 height: 72pt; 21 border: 2pt black; 22 border-style: none solid; 23 background: white; 24 font-size: 10pt; 25 line-height: 10pt; 26 text-align: center; 27 color: blue; 28 } 29 .no2 .overflow { 30 height: 24.66667in; 31 border-bottom-color: blue; 32 } 33 .no3 .overflow { 34 height: 24.33333in; 35 position: relative; 36 z-index: -1; 37 } 38 .fill { 39 height: 75in; 40 } 41 </style> 42 </head> 43 <body> 44 <div class="container no1"> 45 <div class="overflow"> 46 </div> 47 </div> 48 <div class="container no2"> 49 <div class="overflow"> 50 </div> 51 </div> 52 <div class="container no3"> 53 <div class="overflow"> 54 </div> 55 </div> 56 <p id="following"> 57 This paragraph must be on the first page in paged media. 58 There must be no red on any page. There must be a blue line 59 on a page <em>after</em> the first (assuming the page area 60 is shorter than 25 inches). 61 </p> 62 <div class="fill"> 63 </div> 64 </body> 65 </html>