PDA

View Full Version : [2.0a1][SOLVED] TabPanel error in IE 6, when added to Columnlayout with padding



tg_s
10 Oct 2007, 6:49 AM
Environment:
windows xp
ext-base.js or yui-utitlities.js
IE 6.0.... or Firefox 2.0.0.7

Problem:
A Panel contains two or more columns. A TabPanel is added to one of the columns. This column has a bodyStyle: 'padding: ddpx' set.

The TabPanel is rendered correctly in Firefox. In IE 6 the border of (only) the first tab is broken (see image). This occurs only when a nonzero padding is set for the column.



Ext.onReady(function() {
var content = Ext.get('content');
//
tabPnl = new Ext.TabPanel({
plain: true,
activeTab: 0,
height: 100,
items: [{
id: 'tab1',
title: 'Tab1',
html: 'Test Tab1 ...'
},{
id: 'tab2',
title: 'Tab2',
html: 'Test Tab2 ...'
}]
});
//
pnl = new Ext.Panel({
autoHeight: true,
collapsible: true,
title: 'Panel',
bodyStyle: 'padding: 10px',
layout: 'column',
renderTo: content,
items: [{
columnWidth: 0.3,
border: false
},{
columnWidth: 0.7,
bodyStyle: 'padding: 10px',
border: false,
items: tabPnl
}]
});
})

tryanDLS
10 Oct 2007, 8:45 AM
What doctype are you using? Did you try a different one?

jack.slocum
10 Oct 2007, 10:20 AM
This is related to another issue which has been corrected already in SVN. Thanks.