multicol-span-all-margin-nested-firstchild-ref.xht (1188B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>multicolumn | column-span</title> 6 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <style type="text/css"><![CDATA[ 9 body { 10 margin: 0; 11 } 12 body>div { 13 font-family: Ahem; 14 font-size: 1em; 15 line-height: 1em; 16 color: navy; 17 background: yellow; 18 margin: 1em; 19 border: 1em solid gray; 20 width: 8em; 21 height: 13em; 22 position: relative; 23 float: left; 24 overflow: hidden; 25 } 26 div div { 27 position: absolute; 28 top: 0; 29 left: 0; 30 width: 8em; 31 height: 2em; 32 background: navy; 33 } 34 #s2 { 35 top: 11em; 36 } 37 #s3 { 38 background: black; 39 top: 3em; 40 } 41 #s4 { 42 background: pink; 43 top: 5em; 44 height: 1em; 45 } 46 #s5 { 47 background: black; 48 top: 6em; 49 height: 1em; 50 } 51 #s6 { 52 background: pink; 53 top: 7em; 54 height: 1em; 55 } 56 #s7 { 57 background: black; 58 top: 9em; 59 height: 1em; 60 } 61 ]]></style> 62 </head> 63 64 <body> 65 66 <div> 67 <div></div> 68 <div id="s2"></div> 69 <div id="s3"></div> 70 <div id="s4"></div> 71 <div id="s5"></div> 72 <div id="s6"></div> 73 <div id="s7"></div> 74 </div> 75 76 </body> 77 </html>