2011-06-22 10 views
0

私はbizzareの問題に直面しています。 asp:ボタンはdivタグを作成していて、垂直に整列していますが水平には整列していません。私は彼らが横に並べるか、CSSの方法で "インライン"にしたい。誰もがこれを回避することを提案することができます。それとも私が何をする必要があるか教えてもらえますか?他のすべてのASPボタンは、これらの3つを除くページ内でインラインで整列しています。 アラインメントの問題はIE 7-9にあります。 物事はChromeとFirefoxのASPボタンがDIVタグを作成していて、インラインで整列していません

でよく見るこれは、ASPでのマークアップです:

<td class="FieldsetButtons" align="right"> 
       <asp:Button id="y" runat="server" Width="100px" Text="Apply" 
        Enabled="False" onclick="y_Click" ValidationGroup="mail" 
        meta:resourcekey="yResource1"></asp:Button> 
       <asp:Button id="p" runat="server" Width="100px" Text="Verify" 
        ENABLED="False" onclick="p_Click" ValidationGroup="mail" 
        meta:resourcekey="pResource1"></asp:Button> 
       <asp:Button id="l" runat="server" Width="100px" Text="Reset" 
        CausesValidation="false" onclick="l_Click" 
        meta:resourcekey="lResource1"></asp:Button> 

    </td> 

これは、HTMLで作成されたマークアップです:

あなたのスタイルクラスFieldsetButtonsを何
<div id="ctl00_ctl00_ContentPlaceHolder1_lServer1_yPanel"> 
     <input type="submit" name="ctl00$ContentPlaceHolder1$lServer1$y" value="@[email protected]" id="ctl00_ContentPlaceHolder1_lServer1_y" disabled="disabled" style="width:100px;" /> 
    </div> 
       <div id="ctl00_ctl00_ContentPlaceHolder1_lServer1_pPanel"> 
     <input type="submit" name="ctl00$ContentPlaceHolder1$lServer1$p" value="@[email protected]" id="ctl00_ContentPlaceHolder1_lServer1_p" disabled="disabled" style="width:100px;" /> 
    </div> 
       <div id="ctl00_ctl00_ContentPlaceHolder1_lServer1_lPanel"> 
     <input type="submit" name="ctl00$ContentPlaceHolder1$lServer1$l" value="@[email protected]" id="ctl00_ContentPlaceHolder1_lServer1_l" style="width:100px;" /> 
    </div> 
+0

lServer1コントロールとは何ですか?それはListView、GridViewまたは同様のコントロールですか? –

+0

その単なるテーブル – Yash

答えて

0

すべてを左右に浮かしてください。

あなたのスタイルシートにこれを追加します。

.FieldsetButtons div {float:right;width:100px;} 

すべての子のdivが水平に右揃えやブラウザフレンドリーでなければなりませんようになりますこと。

0

含む?私の推測では、あなたのCSSの何かがそれを台無しにしているということです。おそらくFirebugを使って、どのようなスタイルがそれらのボタンのレイアウトに影響を与えているかを判断することを検討してください。

0

あなたは私がいることを考えている内部テーブルを使用し、3列...

`

`

0

でそれに単一の行を作成することができますmeta:resourcekeyタグは、リソースファイルからスタイリングを適用できるようにdivを生成していますが、この理論をテストしていません。 div:タグがなくなるかどうかを確認するためにmeta:resourcekeyタグを付けずにテストを試しましたか?

関連する問題