Hi, i have isolated the problem to 1 page now. http://www.helena-schaken.nl/V34/testbord.php
When in a game, the red field in the middle is the place where the game will be placed. (works) because this is an isolated page, no game is visible now. The borderpart does not resize, rest should only resize with grid = 50 and aspectratio = true. Nevertheless, i can resize like aspectRatio = false? Thanks for taking a look at it. On 18 aug, 21:43, Jörn Zaefferer <[email protected]> wrote: > Can you provide a testpage? Its a little to complex to debug with just > the excerpt you posted. > > Jörn > > On Tue, Aug 18, 2009 at 8:36 PM, > > [email protected]<[email protected]> wrote: > > > Hi all, > > i have several nested div sections, used for border effects for a > > square game board. This game board is resizable. > > The outer div is resizable, all others should resize too when resizing > > the outer div. > > But not all nested div's are resizing too? > > > I have used the next code: > > > <!-- > > used divs in following order > > <div id="bordwrapper"> > > <div id="bordContainer"> > > <div id="buitenrand"> > > <div id="middenrand"> > > <div id="binnenrand"> > > <div id="bordframe"> > > --> > > <script type="text/javascript"> > > $(function() { > > $("#bordwrapper").resizable({ > > alsoResize: '#bordContainer', > > alsoResize: '#buitenrand', > > alsoResize: '#middenrand', > > alsoResize: '#binnenrand', > > alsoResize: '#bordframe', > > maxHeight: 550, > > maxWidth: 550, > > minHeight: 300, > > minWidth: 300, > > aspectRatio: true, > > grid: 50, > > stop: function(event, ui) { > > // square image, so just one size needed > > var newWidth = $(this).width(); > > //use the image with right size, grid = > > 50....; > > $(this).css({'background-image' : > > 'url(images/bord/bg' + newWidth > > + '.png)'}); > > //test: not working > > //$("buitenrand") .css("width","385"); > > > }// end event ui > > }); > > }); > > > </script> > > > First i was thinking to change the css of nested div's, but i cant get > > that working too... > > The only thing what really works, is changing the background image for > > the right one, after resizing. > > > Please, help is really appreciated! --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
