PDA

View Full Version : Unexpected blank space in border layout in IE7



mark.lozano
18 Jun 2010, 8:29 AM
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
21 Jun 2010, 9:01 AM
Still can't seem to get rid of that space. Perhaps use objects (new Panel, etc.) instead of JSON notation?

wm003
21 Jun 2010, 9:29 AM
Try to set a fixed height to the toolbar(or its panel) when ie7 is detected

mark.lozano
21 Jun 2010, 10:52 AM
Thanks for the suggestion ... getting the panel and calling setHeight() didn't seem to change anything. Hmmm.

mark.lozano
21 Jun 2010, 11:02 AM
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.