Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Portail</title>
<link rel="stylesheet" type="text/css" href="/js/ext-3.2.0/resources/css/ext-all.css" />
<script type="text/javascript" src="/js/ext-3.2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/js/ext-3.2.0/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var haut = new Ext.Panel({
layout:'column',
region:'north',
height:45,
bodyStyle:'background:transparent; border:0px; margin:0px;'
});
var droite = {
region:'east',
id:'droite',
title: 'Tâches',
collapsible: true,
split:true,
width: 175,
minSize: 175,
maxSize: 225,
layout: 'anchor',
margins:'0 5 0 0',
items:[
new Ext.TabPanel({
id:'taches',
border:false,
activeTab:0,
layoutOnTabChange:true,
enableTabScroll: true,
anchor: '100% 100%',
tabPosition:'top'
})
]
};
var gauche = {
id:'gauche',
region:'west',
title: 'Navigation',
collapsible: true,
split:true,
width: 175,
minSize: 175,
maxSize: 225,
layout:'fit',
margins:'0 0 0 0',
items:[
new Ext.TabPanel({
id:'tab_gauche',
border:false,
activeTab:0,
tabPosition:'top',
enableTabScroll: true,
items:[
{html:'test'}
]
})
]
};
var centre = new Ext.TabPanel({
id:'centre',
region:'center',
deferredRender:false,
activeTab:0,
enableTabScroll:true,
layoutOnTabChange: true,
items:[
{html:'test'}
]
});
var viewport = new Ext.Viewport({
layout:'border',
items:[
haut,
droite,
gauche,
centre
]
});
var tabTache = new Ext.Panel({
title: 'Tâches',
id:'tabTaches',
layout:'accordion',
defaults: {
bodyStyle: 'padding:5px'
},
layoutConfig: {
animate: true
},
items: [{
title: 'Test',
id:'taches_test',
autoScroll:true,
nocache:true
}, {
title: 'TEst1',
id:'taches_test1',
autoScroll:true,
nocache:true
}]
});
Ext.getCmp('taches').add(tabTache);
Ext.getCmp('taches').add({html:'test2',title:'test2'});
Ext.getCmp('taches').add({html:'test3',title:'test2'});
Ext.getCmp('taches').add({html:'test4',title:'test2'});
//Ext.getCmp('taches').doLayout();
});
</script>
</head>
<body>
<div id="north" style="margin:0px;">
<p style="margin:0px;">
test
</p>
</div>
<div id="south">
</div>
</body>
</html>
Tried with latest google chrome and IE 8, same thing.