page-container-002.xht (1015B)
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 root percent height</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/visudet.html#the-height-property" /> 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="A percentage height on the root element is relative to the page area height." /> 11 <style type="text/css"> 12 13 html { 14 height: 50%; 15 border: blue medium solid; 16 margin: 0; 17 padding: 0; 18 } 19 20 </style> 21 </head> 22 <body> 23 <div>This page must have a blue border edging the top half of the page area. (The bottom border must be halfway down the page.) 24 </div> 25 </body> 26 </html>