如何在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？

回答

相關問題