2009-08-14 17 views
0

ユーザーが検索語を入力したときに表示されるdiv(検索結果の用語バー)が作成され、レイアウトの中央に表示されるはずです。明確なアイデアを得るには、スクリーンショット1)beforeと2)afterを参照してください。asp.netでパネルをラップしたdivをどのように中央に配置するのですか?

私はすべての解像度でセンターを表示されるように、私は

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

以下のようなCSSスタイルを使用していました。

私は、ユーザーが検索語を入力したときにのみdivを表示するasp.netパネルのajaxコントロールを実装しました。ここでは、以下の

は私のコードです:

<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

私はHorizo​​naloffsetをfirefoxで使用しています。しかし、それは解決策ではありません。 検索結果の用語バーを他のコントロールの中央に置くことはできますか?事前

答えて

0

感謝を中央に配置されます。

Click here

0

おかげで、あなたは<div align="center">を使用してみましたか?はい、私はタグが非難されていることは知っていますが、それでもブラウザで広くサポートされています。

+0

はすでに私が... –

1

Firefoxの場合、< asp:Panel >のHTMLは100%幅に設定されていないと思います。 FireBugで調べてみてください。

  • 使用CSSが100%にパネルの幅を設定するには:このような場合は

    は2つの解があります。既に持っているCSSに加えて、<div>をその中に入れることができます。

  • Panel自体を制御するために、現在持っているCSS(margin:0 auto; width:1000px;)を移動します。パネルがページの流れの外側にあるように見えるので、パネルはビューポート内で水平に中央になります。
+0

感謝をtried..not .. –

0

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

午前unlucky..tried already..not作品を試してみてくださいreply..letウルのための作業 –

0

は、(パネルCssClsssプロパティで)あなたのパネルにCSSクラスを入れて試してみてください。

このCSSクラスでは、幅を指定する必要があります。

は、余裕を持って、あなたのdiv要素を置く:0 autoおよびこのdivが、私は以下のソースを使用してCSSで固定された検索バーを使用するすべての

にパネルに

+0

すでに私はCssClassプロパティを使用して、私はマージンを支配している:0自動私のCSSコードです。それでも、アプリケーションを実行すると非アクティブになります。私は問題が私のajaxコントロール "AlwaysVisibleControlExtende"にあると思う...任意のアイデア –

関連する問題