extjs中的panel.load方法：：加载的内容，在窗口最大化时，加载的内容无法填充整个区域

Question

整个界面是一viewport,里放了个panel, 如下：
new Ext.Viewport({
layout : "border",
items : [{

        region : "north",
        height : 75,
        html : '<table class=north_table><tr><td class=north_td></td><td align=right valign=top>'
                + '</td></tr></table>'
    }, panel]
});

panel设置了工具菜单，点击一个菜单会出发panel.load（。。。）加载内容，问：加载完内容后安F11键最大话窗口，可是加载的内容无法填满整个下部分的区域，如图所示：
[b]问题补充：[/b]
panel在声明时已经region到center,如下：
var panel = new Ext.Panel({
id : 'mainpanel_id',
region : 'center',

            bodyStyle : 'background:transparent;height:100%;',
            tbar : createToolbar(),
            autoLoad : {
                url : url,
                params : 'm=' + constinfo.module.REALTIME + '&a='
                        + constinfo.realtimeAction.TO_REALTIME_PAGE,
                nocache : true,
                scripts : true,
                text : LOADTEXT,
                timeout : TIMEOUT
            }
        });

就是PANEL加载的内容无法填充整个center,意思是说F11后，滚动条底下出现了没有内容的空白。效果可以看看图片附件。

[b]问题补充：[/b]
autoLoad的那个页面里面用到了extjs，而且我测试过正是autoLoad加进的内容导致无法填充完整的，

该怎么办呢？

Answer 1

如果load进来的那个页面非要用extjs的话.
那你就在那个panel里面放一个iframe,然后改变url来load页面吧.

但是这样如果处理不好的话,会有泄漏的问题.

可以参考下一些extjs的一些资料
如[url]http://microboat.iteye.com/blog/182682[/url]