layout панели
 

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

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]});
});

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

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

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

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

Cheers.