| OLD | NEW |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR
/xhtml1/DTD/xhtml1-strict.dtd"> | 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"> | 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> | 3 <head> |
| 4 <title>CSS Test: Column boxes establish the containing box for floated e
lements</title> | 4 <title>CSS Test: Column boxes establish the containing box for floated e
lements</title> |
| 5 <link rel="author" title="Codeaurora" href="http://www.codeauroa.org/" /
> | 5 <link rel="author" title="Codeaurora" href="http://www.codeauroa.org/" /
> |
| 6 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-col
umn-model"/> | 6 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-col
umn-model"/> |
| 7 <style type="text/css"> | 7 <style type="text/css"> |
| 8 #parent | 8 #parent |
| 9 { | 9 { |
| 10 position: relative; | 10 position: relative; |
| 11 } | 11 } |
| 12 div | 12 div |
| 13 { | 13 { |
| 14 font: 20px/1 ahem; | 14 font: 20px/1 Ahem; |
| 15 height: 6em; | 15 height: 6em; |
| 16 width: 11em; | 16 width: 11em; |
| 17 } | 17 } |
| 18 #reference | 18 #reference |
| 19 { | 19 { |
| 20 background: green; | 20 background: green; |
| 21 position: absolute; | 21 position: absolute; |
| 22 z-index: -1; | 22 z-index: -1; |
| 23 } | 23 } |
| 24 </style> | 24 </style> |
| 25 </head> | 25 </head> |
| 26 <body> | 26 <body> |
| 27 <p>Test passes if there is no red visible on the page.</p> | 27 <p>Test passes if there is no red visible on the page.</p> |
| 28 <div id="parent"> | 28 <div id="parent"> |
| 29 <div id="reference"> | 29 <div id="reference"> |
| 30 </div> | 30 </div> |
| 31 </div> | 31 </div> |
| 32 </body> | 32 </body> |
| 33 </html> | 33 </html> |
| OLD | NEW |