background-root-016.xht (1424B)
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: Background propagation on <body> and <html> - canvas positioning</title> 5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/13.html" type="text/html"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> 8 <link rel="match" href="background-root-016-ref.xht" /> 9 10 <style type="text/css"><![CDATA[ 11 body { border: solid lime; background: green url(support/square-purple.png) center top no-repeat; color: white; } 12 html { border: solid blue; background: white url(support/square-teal.png) repeat-x top center; color: black; } 13 :link, :visited { color: inherit; background: transparent; } 14 p { margin: 1em; padding: 1em; } 15 html, body { margin: 17px; } 16 ]]></style> 17 18 </head> 19 <body> 20 <p>There should be a horizontal line of teal tiles positioned between 21 the top border of the blue box and the top border of the bright green 22 box, and extending all the way past the sides of the blue box to the 23 left and right edges of the page. 24 One of those tiles must be centered horizontally within the page, so 25 that it is exactly above the purple square that appears at the top of 26 the inner green box. </p> 27 28 </body> 29 </html>