layout панели

[duk]

Всем привет
Есть такой код

Ext.onReady(function(){
Ext.QuickTips.init();
var headpanel=new Ext.Panel({
region: 'north',
html: 'некий хтмл'
});
var startcont = new Ext.Panel({
html: 'Добро пожаловать'
});

aaa = new Ext.Panel({
layout: 'fit',
title: 'Добро пожаловать',
id:'maincont1',
region: 'center',
items: [startcont]
});
maincont = new Ext.Panel({
region: 'center',
layout: 'fit',
items: [aaa]
});

mainviewport= new Ext.Viewport({
layout: 'border',
items: [headpanel,maincont]});
});

Все работает, все довольны

Но вот если написать такой код

Ext.onReady(function(){
Ext.QuickTips.init();
var headpanel=new Ext.Panel({
region: 'center',
html: 'некий хтмл'
});
var startcont = new Ext.Panel({
html: 'Добро пожаловать'
});

aaa = new Ext.Panel({
layout: 'fit',
title: 'Добро пожаловать',
id:'maincont1',
region: 'center',
items: [startcont]
});
maincont = new Ext.Panel({
region: 'south',
layout: 'fit',
items: [aaa]
});

mainviewport= new Ext.Viewport({
layout: 'border',
items: [headpanel,maincont]});
});

, то надписи "добро пожаловать уже нет.
Почему? никак не пойму причину и что нужно поменять

[VKS]

Отредактируй сообщение с применением тега [jS]

[duk]

сорри, поправил

[Yazla]

Добавь height к south панели (и к north тоже желательно), и почитай справку про бордер лейаут там про это написано.

Cheers.