如何在asp.net中居中包装面板的div？

我创建了一个div（搜索结果词条），它应该只在用户输入搜索词时显示，它应该出现在布局的中心。看到屏幕截图1）before和2）after得到一个清晰的想法。如何在asp.net中居中包装面板的div？

我使用的CSS样式像下面

search_list{ margin:0 auto; width:1000px; }

让我出现在所有分辨率中心。

现在我实现了一个asp.net面板ajax控件，只有当用户输入搜索词时才显示div。

这下面是我的代码：

<asp:Panel runat="server" ID="pnlsearchinfo"> 
          <div class="search_list" id="SearchText" visible="false" runat="server"> 
    <%--<div class="search_text">Search Result for </div>--%> 

    <div class="search_term"> 
     <asp:Label ID="lblsearchtxt" runat="server" Text=""></asp:Label></div> 
    <div class="search_return"> 
     <asp:ImageButton ID="IbtnSearchClose" ImageUrl="images/blu-close.jpg" runat="server" align="absmiddle" OnClick="IbtnSearchClose_Click" /><asp:LinkButton 
      ID="lnkSearchClose" runat="server" OnClick="lnkSearchClose_Click" >Return to Full List</asp:LinkButton></div>     
    <br class="clr_flt" /> 
    </div><!-- end search_list --></asp:Panel> 
    <cc1:AlwaysVisibleControlExtender TargetControlID="pnlsearchinfo" ScrollEffectDuration="1" 
        ID="AlwaysVisibleControlExtender1" VerticalOffset="225" runat="server" Enabled="true"> 
       </cc1:AlwaysVisibleControlExtender>

但问题是保证金：0汽车;在IE中工作正常（搜索结果条款居中）。但在Firefox中它的投掷问题（左对齐）screenshot。

当我使用Horizonaloffset它的工作在Firefox中。但它不是分辨率友好的。我可以将搜索结果条款中心与其他控件集中吗？

在此先感谢

来源

2009-08-14 Logesh Paul

感谢居中所有

我使用下面的源使用CSS的固定搜索栏。

Click here

来源

2009-09-02 08:18:58

您是否尝试过使用<div align="center">？是的，我知道这个标签已被弃用，但它仍然受到浏览器的广泛支持，甚至可能比CSS等同，谁知道？

来源

2009-08-14 13:24:05

已经tried..not工作 – 2009-08-15 14:29:57

我猜测在Firefox中，由< asp：Panel >创建的HTML未设置为100％宽度。尝试使用FireBug进行检查并查看。

如果是这种情况，有两种解决方案：

使用CSS来设置面板100％的宽度。随着你已经拥有的CSS，这将允许<div>居中。
移动您现在使用的CSS（margin：0 auto; width：1000px;）来控制面板本身。由于面板看起来不在页面的流程之中，因此它将以水平方式居中在视口中。

来源

2009-08-14 13:47:57

感谢乌尔reply..let我试试.. – 2009-08-15 14:30:37

尝试

<div id="SearchText" style="text-align:center;"><div style="width:1000px;">SEARCH RESULT FOR x</div></div>

来源

2009-08-14 13:49:23 mangokun

上午unlucky..tried already..not工程.. – 2009-08-15 14:31:28

把你的面板上的CSS类（由面板CssClsss属性）。

这个CSS类必须指定一个宽度;

然后把你的分度，保证金：0汽车，这个div就会在面板

来源

2009-08-14 13:54:53 Gregoire

已经使用CssClass属性，我已经裁定保证金：0在我的CSS代码自动。当我运行应用程序时它仍然被禁用。我认为问题在于我的ajax控件“AlwaysVisibleControlExtende”......任何想法 – 2009-08-15 14:37:58

如何在asp.net中居中包装面板的div？

回答

相关问题