jQuery MiniUI
标题:
layout布局问题
[打印本页]
作者:
liqian_2013
时间:
2014-2-12 16:51:52
标题:
layout布局问题
我想把图中的下半部分居中,但是在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>
<input id="userid" type="hidden" /> <a
style="COLOR: #fff" href="#">修改帐号</a>
<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
时间:
2014-2-12 18:33:29
你可以头部用个toolbar,下面左右两块用splitter分割好了,这样方便控制居中
欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)
Powered by Discuz! X2