3列Web部件页面?

时间:2010-07-07 16:31:28

标签: asp.net html css web-parts portlet

我正在为某些东西设置一个asp.net Web部件门户。我有一个[希望]非常简单的问题。如何让页面有3个主要栏目?

现在我使用<div id="leftpanel" style="float: left"><div id="rightpanel" style="float: right">有两列。但我无法弄清楚如何在中心获得一个小组。右侧面板基本上位于中心,没有css float:中间/中间。那么三面板Web部件页面是如何完成的呢?

3 个答案:

答案 0 :(得分:2)

<div class="container">
   <div class="column">
   </div>
   <div class="column">
   </div>
   <div class="column">
   </div> 
</div>
<div class="footer">
</div>

.container{width: 600px;}
.column{float: left; width: 200px;}
.footer{width: 600px; clear: both;}

答案 1 :(得分:-1)

将前两个左右浮动,最后一个向右浮动。

如果这不起作用,有时则不行,那么请使用Ed B的答案。

答案 2 :(得分:-4)

包含3列的表格。在每列中添加一个div。

将样式保留在div中......而不是表格