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

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

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

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

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