[flexcoders] Trying to control percentage based containers

[daddyo_buckeye]

I'm trying to control a percentage-based layout with several nested
containers. Unless I set a fixed size (in pixels) or a minWidth or
minHeight, my outer panel shrinks to a very small size.

I understand that parent containers inherit their size from the
content in their children containers. My challenge is that I'm
importing a SWF and sizing it to fill its available space (100%).

Am I missing something? Is there a way to force a container to fill
whatever available space it fits into (vs. expanding containers based on
children)? For example, maximize the
application container, then any child containers.

Here's my code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml
<http://www.adobe.com/2006/mxml> ">

    <mx:Panel width="100%" height="100%" id="uniPanel"
backgroundColor="#F3F3F3">
     <mx:TabNavigator>
      <mx:VBox label="Design View" width="100%" height="100%">
       <mx:SWFLoader id="swfLoader"
        horizontalAlign="center"
        verticalAlign="middle"
        height="90%"
        width="90%"
        scaleContent="true"
        source="assets/UD2_logo.swf" />
      </mx:VBox>
      <mx:VBox label="Order View" width="100%" height="100%">
       <mx:Label text="Order View" />
      </mx:VBox>
     </mx:TabNavigator>
    </mx:Panel>
</mx:Application>

Any suggestions are greatly appreciated.