position-fixed-005.xht (1848B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Pagination of fixed positioned elements</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" /> 8 <meta name="flags" content="paged" /> 9 <meta name="assert" content="Fixed position elements cannot be paginated." /> 10 <style type="text/css"> 11 @media print 12 { 13 #prerequisite 14 { 15 display: none; 16 } 17 } 18 html, body 19 { 20 height: 100%; 21 margin: 0; 22 padding: 0; 23 } 24 p 25 { 26 margin: 0; 27 padding: 1em 0 0 1em; 28 } 29 #fixed 30 { 31 height: 100%; 32 position: fixed; 33 top: 5em; 34 } 35 #spacer 36 { 37 height: 100%; 38 } 39 span 40 { 41 color: red; 42 text-decoration: underline; 43 } 44 </style> 45 </head> 46 <body> 47 <p id="prerequisite">PREREQUISITE: Switch to print preview or a paged view.</p> 48 <p>Test passes if there is only one page and there is no red underlined text visible when paginated or printed.</p> 49 <div id="fixed"> 50 <div id="spacer"></div> 51 <span>Test fails if this line of text is visible when the page is paginated or printed.</span> 52 </div> 53 </body> 54 </html>