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/
