Unexpected blank space in border layout in IE7

[mark.lozano]

I am having trouble figuring out what I'm doing that is causing a large whitespace between my toolbar in the "north" and the rest of my content below it in the center and west.

I made a temp page to illustrate my problem: http://www.niftymonkey.net/hold/tmp/tmpLayout.html

The layout seems to work in Firefox and Chrome, but in IE7 I see a blank space after the toolbar.

Any ideas?

[mark.lozano]

Still can't seem to get rid of that space. Perhaps use objects (new Panel, etc.) instead of JSON notation?

[wm003]

Try to set a fixed height to the toolbar(or its panel) when ie7 is detected

[mark.lozano]

Thanks for the suggestion ... getting the panel and calling setHeight() didn't seem to change anything. Hmmm.

[mark.lozano]

Well, I did add a height of 53 to the config for the panel that contains the toolbar:


{
region:'north'
,height: 53
,xtype:'panel'
,tbar:
[
{
title: "Group 1"
,xtype: 'buttongroup'
,items:
[
googleWindowButton
,googleTabButton
,new Ext.Button(logoutAction)
]
}
,{
title: "Group 2"
,xtype: 'buttongroup'
,items:
[
new Ext.Button(newTabAction1)
]
}
]
}

That seems to work, but I don't like hard-coding that value. If anyone has a more elegant solution, it would be much appreciated.