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 <script src="../../../resources/ahem.js"></script> |
5 <link rel="author" title="Codeaurora" href="http://www.codeauroa.org/" /
> | 6 <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"/> | 7 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-col
umn-model"/> |
7 <style type="text/css"> | 8 <style type="text/css"> |
8 #parent | 9 #parent |
9 { | 10 { |
10 position: relative; | 11 position: relative; |
11 } | 12 } |
12 div | 13 div |
13 { | 14 { |
14 font: 20px/1 Ahem; | 15 font: 20px/1 Ahem; |
15 height: 6em; | 16 height: 6em; |
16 width: 11em; | 17 width: 11em; |
17 } | 18 } |
18 #reference | 19 #reference |
19 { | 20 { |
20 background: green; | 21 background: green; |
21 position: absolute; | 22 position: absolute; |
22 z-index: -1; | 23 z-index: -1; |
23 } | 24 } |
24 </style> | 25 </style> |
25 </head> | 26 </head> |
26 <body> | 27 <body> |
27 <p>Test passes if there is no red visible on the page.</p> | 28 <p>Test passes if there is no red visible on the page.</p> |
28 <div id="parent"> | 29 <div id="parent"> |
29 <div id="reference"> | 30 <div id="reference"> |
30 </div> | 31 </div> |
31 </div> | 32 </div> |
32 </body> | 33 </body> |
33 </html> | 34 </html> |
OLD | NEW |