I believe you are better off letting CSS deal with this. The performance of the CSS is going to greatly outweigh the JavaScript in this scenario. You should check out the YUI Grids CSS [1], maybe it can help you get what you need without too much overhead.
[1]: http://developer.yahoo.com/yui/grids/ -- Brandon Aaron On 2/21/07, rolfsf <[EMAIL PROTECTED]> wrote: > > I've got a basic layout that looks like this: > > <div id="wrapper> > <div id="top"></div> > <div id="container> > <div id="leftPane"></div> > <div id="rightPane"></div> > </div> > </div> > > All divs are flexible in height and width depending on the viewport, except > #leftPane, which has a fixed width. > I want to set: > #container width to be equal to viewport width > #container height to be equal to (viewport height - #top height) > #leftPane height to be equal to #container height > #rightPane height to be equal to #container height > #leftPane width is equal to 300px; > #rightPane width to be equal to (#container width - #leftPane width) > > (what I'm trying to get to is to have #leftPane and #rightPane with > autoscroll, and have #rightPane expand when #leftPane slides left and > closes, and all divs adjust when the viewport is resized) > > My question: How do go about a) getting these dimensions, b) setting > dimensions based on a, c) updating when the viewport is resized. Hints are > appreciated! > > > -- > View this message in context: > http://www.nabble.com/dimensions.js-lesson-needed-tf3269066.html#a9088452 > Sent from the JQuery mailing list archive at Nabble.com. > > > _______________________________________________ > jQuery mailing list > [email protected] > http://jquery.com/discuss/ > _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
