Hi Chris, take out the
height: 100%; width: 100%; and it works. Villy On Jun 16, 12:40 am, crokusek <[email protected]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
