|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 |
|
5 <style type="text/css"> |
|
6 |
|
7 .container { |
|
8 position: relative; |
|
9 } |
|
10 #colset { |
|
11 -moz-column-count: 3; |
|
12 -moz-column-gap: 0; |
|
13 border: silver 2pt; |
|
14 border-style: none solid; |
|
15 } |
|
16 .b1 { |
|
17 position: absolute; |
|
18 height: 336pt; |
|
19 margin-left: 20pt; |
|
20 } |
|
21 .b2 { |
|
22 position: absolute; |
|
23 height: 192pt; |
|
24 width: 25pt; |
|
25 margin-left: 50pt; |
|
26 } |
|
27 |
|
28 </style> |
|
29 |
|
30 <script type="text/javascript"> |
|
31 |
|
32 function boom() |
|
33 { |
|
34 newDiv = document.createElementNS("http://www.w3.org/1999/xhtml", "div"); |
|
35 newDiv.setAttribute("class", "b1"); |
|
36 document.getElementById("f").appendChild(newDiv); |
|
37 } |
|
38 |
|
39 </script> |
|
40 </head> |
|
41 |
|
42 <body onload="boom();"> |
|
43 |
|
44 <div id="colset"><div class="container"><div class="b2"></div><div id="f"></div></div></div> |
|
45 |
|
46 </body> |
|
47 </html> |