Hi Dave, You've probably long-since moved on from this, but I stumbled across this topic again, so thought I'd answer anyway...
There are lots of examples on the Layout website for creating a 'layout' around an iframe - use one of these as a starting point... http://layout.jquery-dev.net/demos/frames.html http://layout.jquery-dev.net/samples/iframe_south.html Or use ANY demos as a starting point and just drop in your iframe: http://layout.jquery-dev.net/demos.html The UI/Layout website itself uses iframes for some pages so it can wrap content from other sites, like: http://layout.jquery-dev.net/discuss.html Rather than use the iframe itself as a layout 'pane', you could also put the iframe 'inside' a regular pane-div. Since the pane-div has a width and height set, all you need is: <iframe width="100%" height="100%" ...> This will auto-size the iframe to fit within the inner-dimensions of the pane - ie, inside the padding. The Layout widget provides virtually unlimited options for auto-sizing iframes and wrapping other content around it - like headers, footers, sidebars, etc. If you want to use Layout, then first check out the website documentation. If you need more assistance, use the dedicated discussion group... http://layout.jquery-dev.net/discuss.html HOWEVER, a page-layout may not be suitable to your needs because it a 'Javascript' solution, so users MUST have JS enabled or else your page will not look as you want. So depending on your need, you may find a pure CSS solutions preferable, even if it is does require some ugly nesting. Hope that helps. /Kevin On Jan 28, 11:39 am, "laredotorn...@zipmail.com" <laredotorn...@zipmail.com> wrote: > Hi Kevin, I really appreciate your help with all this. Unfortunately, > I added what you had suggested ... > > <script type="text/javascript"> > $(document).ready(function() { > $("body").layout({ > closable: false > , resizable: false > , spacing_open: 0 > , center_paneSelector: "#fileTreeIframe" > }); > }); > </script> > <iframe id="fileTreeIframe" class="ui-layout-center" style="border:0px > none #ffffff;" src="file_tree.php" border="0" width="100%" > scroll="auto"></iframe> > > and even included the normal script instaed of the .min.js file ... > > <script type="text/javascript" src="../scripts/jquery.layout.js"></ > script> > > but sadly still now luck (screen shot is as before). There are no JS > errors on the page. Do I have to give every element on my page a > class name like you mention above, or should it be enough to only name > the iframe? > > Thanks, - Dave
