Hi there,
I have a strange behaviour in opera 9.27 with draggable DIVs. So there
are two draggable DIVs, one below another, the top one contains one
more DIV with float:left style. When I try to drag the top DIV down to
the second DIV, it also starts moving down. Here is the code:
<html>
<head>
<script src="/javascripts/prototype.js"
type="text/javascript"></
script>
<script src="/javascripts/effects.js"
type="text/javascript"></
script>
<script src="/javascripts/dragdrop.js"
type="text/javascript"></
script>
<script src="/javascripts/controls.js"
type="text/javascript"></
script>
<style type="text/css">
.float {
float: left;
}
.clear {
clear: both;
}
#drag1, #drag2 {
width: 100%;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="drag1">
<div class="float">hi</div>
</div>
<div class="clear"></div>
<div id="drag2">
there
</div>
<script type="text/javascript">
new Draggable("drag1", {revert:true})
new Draggable("drag2", {revert:true})
</script>
</body>
</html>
There is no such behaviour in FF, IE, Opera 9.5. Without float:left it
works fine.
Are there any solutions for this problem?
Thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---