Non so dove modificare questo codice per fare in modo che il div si muova solo per una parte di pagina. Non voglio un iframe....voglio proprio che a tre quarti della pagina il div si ''blocchi'' .


codice:
 <HTML>
<HEAD>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>

<STYLE>
.demo {
	width:150px;
	height:150px;
	padding:5px;
	background-color:#ff8811;
	position:absolute;
	top:150px;
	left:300px;
}
</STYLE>
</HEAD>
<BODY>
<div class="demo">Move Me!!... Resize Me!!...</div>
</BODY>
<SCRIPT>
$(function(){
	$('.demo')
		.draggable()
		.resizable();
});
</SCRIPT>
</HTML>