| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: Position set to 'absolute'</title> |
| <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
| <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 --> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" /> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" /> |
| <meta name="flags" content="" /> |
| <meta name="assert" content="The 'position' property applies the value 'absolute' and places the element out of flow of the document." /> |
| <style type="text/css"> |
| #wrapper |
| { |
| background: red; |
| border: 3px solid orange; |
| } |
| #div1 |
| { |
| background: blue; |
| color: white; |
| left: 1in; |
| position: absolute; |
| top: 1.5in; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Test passes if there is no red, if the blue stripe is just as wide and just as tall as its text and if the blue stripe is completely shifted below the orange line.</p> |
| <div id="wrapper"> |
| <div id="div1">Text sample</div> |
| </div> |
| </body> |
| </html> |
