abspos-zero-width-001.xht (1467B)
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: Absolute positioned elements still affect scrolling mechanism</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> 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/CSS21/visudet.html#the-width-property" /> 9 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" /> 10 <meta name="flags" content="image" /> 11 <meta name="assert" content="Zero width absolute positioned elements still affects scrolling mechanism even though they are out of flow of the content." /> 12 <style type="text/css"> 13 body 14 { 15 background: url("../support/abspos-zero-width-001.png") no-repeat; 16 } 17 div 18 { 19 height: 2000px; 20 position: absolute; 21 top: 0; 22 width: 0; 23 } 24 </style> 25 </head> 26 <body> 27 <p>Test passes if there is a blue line above this text and a green box visible when the page is scrolled to its full extent vertically.</p> 28 <div></div> 29 </body> 30 </html>