0

私のWebページには、基本的にボタン、2つのラジオボタン、およびラベルの次のコードがあります。

<tr>
        <td class="primary-BL1" style="text-align:right; width:18%">
            <asp:Button ID="SubmitButton" runat="server" Text="Submit" onclick="SubmitButton_Click" CssClass="button" />
        </td>
        <td class="primary-BL1" style="text-align:left; width:34%">
            <asp:RadioButtonList ID="rblVerification" runat="server" RepeatDirection="Horizontal">
                <asp:ListItem Value="V">Verified</asp:ListItem>
                <asp:ListItem Value="NV">Not Verified</asp:ListItem>
            </asp:RadioButtonList>
        </td>
        <td class="primary-BL1" style="text-align:left; width:48%">
            <asp:Label runat="server" ID="CallReasonMessageLabel" CssClass="required"></asp:Label>
        </td>
    </tr>

送信ボタンをクリックしたときに、ラベルにエラーメッセージが表示されている場合、ボタンの位置が少し左に移動します。ボタンを固定位置に固定するにはどうすればよいですか? これは IE7 ではなく IE8 でのみ発生します。

4

1 に答える 1

1

たとえば、200px のように、最初のセルに固定幅を設定してみてください。

<td class="primary-BL1" style="text-align:right; width:200px">
    <asp:Button ID="SubmitButton" runat="server" Text="Submit" onclick="SubmitButton_Click" CssClass="button" />
</td>

セルにパーセンテージを使用すると、一部のブラウザーでは内容に応じて固定されます

他の方法では、テーブルの代わりに div を使用することをお勧めします。css が苦手な場合は、css フレームワークを使用してアイテムをよりきれいな方法で配置できます。ブートストラップのグリッドシステムはほとんどお勧めしません

于 2012-12-06T17:18:10.960 に答える