|
1 <html class="reftest-wait"> |
|
2 <head> |
|
3 <style> |
|
4 |
|
5 #colset { |
|
6 width: 300pt; |
|
7 height: 2in; |
|
8 -moz-column-count: 3; |
|
9 } |
|
10 |
|
11 .container { |
|
12 height: 1in; |
|
13 } |
|
14 |
|
15 .b6 { |
|
16 height: 10in; |
|
17 } |
|
18 |
|
19 .c3 { |
|
20 position: absolute; |
|
21 } |
|
22 |
|
23 .c4 { |
|
24 height: 3in; |
|
25 } |
|
26 |
|
27 </style> |
|
28 |
|
29 <script> |
|
30 |
|
31 function boom() |
|
32 { |
|
33 document.getElementById("x").setAttribute("class", "c4"); |
|
34 setTimeout(boom2, 10); |
|
35 } |
|
36 |
|
37 function boom2() |
|
38 { |
|
39 document.getElementById("x").setAttribute("class", ""); |
|
40 setTimeout(boom3, 10); |
|
41 } |
|
42 |
|
43 function boom3() |
|
44 { |
|
45 document.documentElement.removeAttribute("class"); |
|
46 } |
|
47 |
|
48 </script> |
|
49 </head> |
|
50 |
|
51 <body onload="boom();"> |
|
52 |
|
53 <div id="colset"> |
|
54 <div id="x"></div> |
|
55 <div class="container"> |
|
56 <div class="b6"></div> |
|
57 <div> |
|
58 <div class="c3"></div> |
|
59 </div> |
|
60 </div> |
|
61 </div> |
|
62 |
|
63 </body> |
|
64 </html> |