|
1 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> |
|
2 <head> |
|
3 |
|
4 <style> |
|
5 html { width: 2em; border: 1px solid red; } |
|
6 body { display: inline; } |
|
7 .padded { padding: 1em; border: 1px solid black; } |
|
8 #float1 { background: lightgreen; } /* float is added to this one dynamically */ |
|
9 #float2 { float: right; background: lightblue; } |
|
10 </style> |
|
11 |
|
12 <script> |
|
13 |
|
14 function foo() |
|
15 { |
|
16 document.getElementById("float1").style.cssFloat = "right"; |
|
17 document.documentElement.removeAttribute("class"); |
|
18 } |
|
19 |
|
20 window.addEventListener("load", function() { setTimeout(foo, 30); }, false); |
|
21 |
|
22 </script> |
|
23 |
|
24 </head> |
|
25 |
|
26 <body> |
|
27 |
|
28 X |
|
29 <span id="float1">FFFFFF</span> |
|
30 <span id="float2">GGGGGG</span> |
|
31 <span class="padded"/> |
|
32 |
|
33 |
|
34 </body> |
|
35 </html> |