Ticket #4551: connectWith-and-float-bug.html

File connectWith-and-float-bug.html, 1.4 KB (added by dhlavaty, 11 years ago)

connectWith and float bug works only in IE

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html>
3  <head>
4  <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
5  <meta name="generator" content="PSPad editor, www.pspad.com" />
6  <title></title>
7
8<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.1.js"></script>
9<script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.core.js"></script>
10<script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.sortable.js"></script>
11
12<style type="text/css">
13  .sortable { margin: 0; padding: 0;  }
14  .sortable div { margin: 3px 3px 3px 0; background: #ccc; padding: 1px; border: 1px solid black; float:left; width: 100px; height: 140px; font-size: 1em; text-align: center; }
15        #second div { background: #acc; }
16</style>
17
18  </head>
19  <body>
20
21        <script type="text/javascript">
22        $(document).ready(function () {
23                $("#first, #second").sortable({ connectWith: '.sortable' }).disableSelection();
24        });
25        </script>
26
27<div class="demo">
28
29<div id="first" class="sortable">
30        <div>1</div>
31  <div>2</div>
32        <div>3</div>
33        <div>4</div>
34        <div>5</div>
35        <div>6</div>
36        <div>7</div>
37        <div>8</div>
38        <div>9</div>
39        <div>10</div>
40        <div>11</div>
41        <div>12</div>
42</div>
43
44<br style="clear:both;">
45<hr />
46
47<div id="second" class="sortable">
48  <div>12</div>
49  <div>14</div>
50</div>
51
52
53
54</div><!-- End demo -->
55
56
57
58
59
60
61
62
63
64
65  </body>
66</html>