I'm trying to use a StackContainer to create three different "screens" of my webapp, with any one viewable at a time.

I'm creating the "shell" of the StackContainer and three ContentPanes (inside the StackContainer) in markup, then filling out the real content of the ContentPanes later by assigning stuff to each of the ContentPanes' innerHTML. The size of the real content won't be known until some data is loaded (via an xhrGet()), but will certainly be larger than the "shell".

But the size of the StackContainer seems to be stuck at the size it was when the "shell" was created, based on the size of the ContentPanes (I'm guessing it's based on the largest of the three ContentPanes).
Since the size of the "shell" is small but the subsequent "real content" is much larger, I end up with a thin horizontal sliver of content (with scroll bar) and a bunch of blank space below it on the page.

How can I get the StackContainer and/or ContentPane to resize to use available space? StackContainer.resize() wants hard-coded values - surely there's a better way than to try and measure the available space in the window and force-feed it to resize().

Suggestions?

David