div层中有左中又三个层，如何让三个层并排显示，并且不会随浏览器改变而掉下来。。。请教高手
<div style="background-color:red; margin:0 auto">
<!--左-->
<div id="div_body_left">
<table class= "table_body_left">
<tr><td style="height:1px ;"> </td></tr>
<tr><td style="padding-top:2px ;text-align:left ;width="100%;height:13px ;">快速导航</td></tr>
<tr><td style="height:2px;width:100%"><hr align="center" width="100%" size="1px"/></td></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>会员录入</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>近期生日会员</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发布消息</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发布活动</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发布资讯</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发短信</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>收支录入</tr></table></tr>
<tr><table><tr><td><img src="images/hylr.jpg" /></td><td>文档上传</tr></table></tr>
</table>
</div>
<!--中-->
<div id="div_body_center">
<!--里面是一个五行两列的表格-->
<table style="width:100%;height:100%" border="3px"; cellpadding="1">
<tr>
<td colspan="2" style="height:50px"><h1 >嗨嗨嗨，欢迎来注册。。。</h1></td>
</tr>
<tr>
<td colspan="2" >1</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan="2" style="height:90px">1</td>
</tr>
</table>
</div>
<!--又-->
<div id="div_body_right">
<table>
<tr>
<td>
<div id="div_body_right_up"> 上</div>
</td>
</tr>
<tr> <td>
<div id="div_body_right_down"> 下</div>
</td>
</tr>
</table>
</div>
</div>
[解决办法]
你又发了一个；
在那个里面已经说的很清楚了。。。
http://topic.csdn.net/u/20120927/09/0adc0e37-92c3-47ce-b03c-d4254adb447c.html
[解决办法]
分别将左中右三个div的宽度设为33%就可以了呀
