background-root-017.xht (1358B)
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: Height of root element</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/14.html" type="text/html"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins"/> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/> 9 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> 10 <link rel="match" href="background-root-017-ref.xht" /> 11 12 <style type="text/css"><![CDATA[ 13 body { border: solid lime; background: green; color: white; } 14 html { border: solid blue; background: navy; color: yellow; } 15 :link, :visited { color: inherit; background: transparent; } 16 * { margin: 1em; padding: 1em; } 17 ]]></style> 18 19 </head> 20 <body> 21 <p>This paragraph should be a box that is green with a green 22 border, which should be in a navy box with a bright blue border. 23 The rest of the page should also be navy. <strong>The outer sea 24 of blue should extend to the edges of the viewport, but the 25 boxes should just wrap around this text and not grow to match 26 the viewport.</strong></p> 27 </body> 28 </html>