Hi,
I'm trying the use the jquery ui resizable() on a div that contains
child divs as in the code below.
The problem is that when the parent is resized, the child extends
beyond the right and bottom sides of the parent. I'm wondering if
there is a workaround or if I am not setting up correctly.
Thanks!!
Chris
<div id="divOut" style='background-color: #ccc'>
<div id='divHeader' style='margin: 2px 4px 6px
4px'>Header</div>
<div id="divContent" style='height: 100%; width: 100%;
background-color: #888;
margin: 4px 4px 4px 4px; padding: 4px 4px 4px
4px;'>
Contents line 1<br />
Contents line 2<br />
Contents line 3<br />
</div>
</div>
<script type="text/javascript">
$(function() {
$('#divOut').resizable();
});
</script>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---