OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS 2.1 Test Suite: Updating layout on display changes</title> | 4 <title>CSS 2.1 Test Suite: Updating layout on display changes</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop"
> | 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop"
> |
6 <script type="text/javascript"> | 7 <script type="text/javascript"> |
7 function test() { | 8 function test() { |
8 document.getElementById('float').style.display = 'none'; | 9 document.getElementById('float').style.display = 'none'; |
9 } | 10 } |
10 document.addEventListener("load", test, false); | 11 document.addEventListener("load", test, false); |
11 </script> | 12 </script> |
12 <style> | 13 <style> |
13 #float { width: 100%; float:left; } | 14 #float { width: 100%; float:left; } |
14 div { background: red; color: green; width: 1em; font-family: Ahem; } | 15 div { background: red; color: green; width: 1em; font-family: Ahem; } |
15 </style> | 16 </style> |
16 </head> | 17 </head> |
17 <body> | 18 <body> |
18 <p>There should be no red below, only green.</p> | 19 <p>There should be no red below, only green.</p> |
19 <div id="float">X</div> | 20 <div id="float">X</div> |
20 <div> | 21 <div> |
21 X | 22 X |
22 </div> | 23 </div> |
23 </body> | 24 </body> |
24 </html> | 25 </html> |
OLD | NEW |