OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>Column rule in scrollable multicol container</title> | |
5 <style> | |
6 body { | |
7 margin: 0; | |
8 } | |
9 .mc { | |
10 columns: 2; | |
11 column-gap: 110px; | |
12 column-rule: 100px solid; | |
13 -moz-columns: 2; | |
14 -moz-column-gap: 110px; | |
15 -moz-column-rule: 100px solid; | |
16 -webkit-columns: 2; | |
17 -webkit-column-gap: 110px; | |
18 -webkit-column-rule: 100px solid; | |
19 orphans: 1; | |
20 widows: 1; | |
21 height: 100px; | |
22 overflow: hidden; | |
23 } | |
24 </style> | |
25 <script> | |
26 if (window.testRunner) | |
27 testRunner.waitUntilDone(); | |
28 function foo() { | |
29 document.getElementById('elm').scrollLeft = 200; | |
30 if (window.testRunner) | |
31 testRunner.notifyDone(); | |
32 } | |
33 </script> | |
34 </head> | |
35 <body onload="foo()"> | |
36 <p>There should be <b>two</b> black squares below.</p> | |
37 <div id="elm" class="mc"> | |
38 <div style="height:600px;"></div> | |
39 </div> | |
40 </body> | |
41 </html> | |
OLD | NEW |