PDA

View Full Version : bbar button-alignment problem with IE8



piccard
14 Jul 2010, 8:18 AM
Hello,

I use normal panel which includes a bbar.
Inside the bbar are just 2 buttons, but I've got a small alignment-problem in IE8.
While in other browser these buttons are by default on the left side, IE8 splits them up and uses the half of the bar for each button (see attachment).

Anybody any idea to correct this?



id: 'tabTime_'+record.data.volume,
title:'Timeline',
html: '<div id=\'chartDiv_'+record.data.volume+'\'></div>',
autoHeight: true,
autoWidth: true,
layout: 'column',
frame: true,
border: true,
tbar: new Ext.ux.StatusBar({
id: 'chartStatusbar'+record.data.volume
}),
bbar: [{
id: 'chartFormOk'+record.data.volume,
text: 'ok',
width: 55,
cls: 'x-status-valid',
icon: '../lib/extjs/examples/ux/statusbar/images/accept.png',
handler: function() {...
},{
id: 'chartFormReset'+record.data.volume,
text: 'reset',
width: 55,
cls: 'x-status-valid',
icon: '../lib/extjs/examples/ux/statusbar/images/exclamation.gif',
handler: function() {
Ext.getCmp('chartForm_'+record.data.volume).getForm().reset();
}
}],