layout布局问题

liqian_2013

我想把图中的下半部分居中，但是在center和west外面加个div不行，应该怎么改？


代码如下：
<div id="layout1" class="mini-layout"
                style="width: 1024px; height: 100%;">
                <div class="header" region="north" height="57px" showSplit="false"
                        showHeader="false">
                        <table cellSpacing=0 cellPadding=0 width="100%"
                                background="../manage/images/header_bg.jpg" border=0>
                                <tr height=56>
                                        <td width=260><img height=56
                                                src="../manage/images/header_left.jpg" width=260 /></td>
                                        <td style="FONT-WEIGHT: bold; COLOR: #fff; PADDING-TOP: 20px"
                                                align="center">当前用户：<label id="username"></label>
                                                &nbsp;&nbsp; <input id="userid" type="hidden" /> <a
                                                style="COLOR: #fff" href="#">修改帐号</a>
                                                &nbsp;&nbsp; <a style="COLOR: #fff"
                                                href="javascript:parent.window.location.href='../login/logout.jsp'"
                                                target=_top>退出系统</a>
                                        </td>
                                        <td align=right width=268><img height=56
                                                src="../manage/images/header_right.jpg" width=268 /></td>
                                </tr>
                        </table>

                </div>
                <div showHeader="false" region="west" width="170px">
                        <div id="leftTree" class="mini-outlookmenu"
                                url="../json/getShopLevelmenuMini.action"
                                onitemselect="onItemSelect" idField="id" parentField="pid"
                                textField="text" borderStyle="border:0"></div>
                </div>
                <div title="center" region="center" bodyStyle="overflow:hidden;">
                        <iframe id="mainframe" frameborder="0" name="main"
                                style="width: 839px; height: 100%; padding: 0" border="0"></iframe>
                </div>
        </div>

felt

你可以头部用个toolbar，下面左右两块用splitter分割好了，这样方便控制居中