page-container-003.xht (1281B)
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"> 3 <head> 4 <title>CSS Test: paged media position fixed</title> 5 <link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-box" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" /> 8 <link rel="help" href="http://www.w3.org/TR/css3-page/#page-box-page-rule" /> 9 <meta name="flags" content="paged" /> 10 <meta name="assert" content="Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document." /> 11 <style type="text/css"> 12 13 .logo 14 { 15 position: fixed; 16 top: 0; 17 left: 0; 18 } 19 p 20 { 21 padding-top: 3cm; 22 } 23 .break-before 24 { 25 page-break-before: always; 26 } 27 </style> 28 </head> 29 <body> 30 <div> 31 <img class="logo" alt="W3C" src="support/w3c_home.png" /> 32 <p>This test produces three pages of output on paged media.</p> 33 <p>The W3C logo appears in the top left corner of each page.</p> 34 <p class="break-before">Page two.</p> 35 <p class="break-before">Page three.</p> 36 </div> 37 38 </body> 39 </html>