three regular vertical align panels in a layout

[doev]

Hello,

I try to use three vertical panels in a layout and initial every panel takes 100% width and 33% height.

Code:

<div id="content" region="center">
          ... main_datagrid
</div>
<div data-options="region:'west',split:true" id="content2" style="width:25%;"> // 25% would be much better
    <div id="p1" class="easyui-panel" style="height:33%;">
             ... datagrid_1
    </div>
    <div id="p2" class="easyui-panel"  style="height:33%;">
             ... datagrid_2
    </div>
    <div id="p3" class="easyui-panel"  style="height:33%;">
             ... datagrid_3
    </div>
</div>