お願い助けて。列を左に 20%、右に 30%、右に 10px、中央をフルイドにする方法を教えてください。HTML+CSS でこれを行う方法は知っていますが、固定列を使用する方法を見つけた Ext.js で繰り返したいと思います。
.foo{border:3px solid red;width:800px;margin:0 auto}
</style>
</head>
<body>
<?php
?>
<div class="foo"></div>
<script>
Ext.onReady(function(){
var panel = Ext.create('Ext.panel.Panel', {
title : 'wrapper',
width : 800,
height: 300,
// html : ' Контент Контент Контент Контент Контент ',
renderTo : Ext.query(".foo")[0],
layout:'border',
items:[
{
xtype : 'panel',
region: 'center',
title : 'center', // св-во title отвечает за заголовок компонента (панели).
// width : 200,
height: 300,
html : ' centerBar ',
layout:'border',
items:[{
xtype : 'panel',
region: 'center',
title : 'center_mid',
html : ' centermid '
},{
xtype : 'panel',
region: 'east',
title : 'centereast',
width:100,
height: 30,
html : ' centereast '
}]
}
,
{
xtype : 'panel',
region: 'north',
title : 'north',
height: 90,
html : ' centerBar '
}
,
{
xtype : 'panel',
region: 'east',
title : 'left',
width : 200,
height: 300,
html : ' leftBar ',
},{
xtype : 'panel',
region: 'west',
width : 100,
height: 300,
html : ' rightBar ',
}]
});
});
</script>
リンクもよろしくお願いします。ご協力いただきありがとうございます。