0

IE7で何らかの理由で製品を検索するために使用されるIE7の入力ボタンでこの問題が発生しています（画像から推測できます）。このボタンはランダムな場所にスローされ、設定された位置に固定されません。したほうがいい。これはIE7でのみ発生し、ブラウザでは発生しないので、なぜこれが行われるのか誰かが知っているかどうか知りたいと思いました。（また、IE7のサポートは私の選択ではなく、実行する必要があります。）

正しいボタン 間違ったボタン

私のCSS：

dl#Navigation input.Button {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #3B9BD9;
color: #000000;
}
dl#Navigation input.Smallest {
cursor: pointer;
width: auto;
}

HTML：

    <dt>Search Products<br />
    <web:SearchTextBox runat="server" id="SearchKeyword" class="Text" />
    <web:SearchSubmit ID="SearchSubmit1" runat="server" SearchBoxes="SearchKeyword" Text="Go" URL="~/catalogue/results.aspx" Class="Smallest Button" />
    </dt>
4

1 に答える 1

0

私が提案することの1つは、親コンテナー（これはどういうわけかdtここにあります）が両方の要素を保持するための適切な幅を持っていることを確認してから、widthプロパティをinput要素に設定することです。

ただし、要素を配置して同じ結果を達成する方法は他にもいくつかあります。floatsたとえば、使用しても同じ効果があります。float: left両方の要素（inputおよび）で使用しbuttonます。ただし、そのためには、フロートの特性とその対処方法を理解する必要があります。

PSサンプルのcssコードに関するもう1つのアドバイスは、セレクターを確認することです。あなたの代わりに次のcssを入れてみてください、そして何も変わらないでしょう（うまくいけば:)）、しかしセレクターの効率はより良いです

#Navigation .Button {
    background: #FFF;
    border: 2px solid #3B9BD9;
    color: #000;
}
#Navigation .Smallest {
    cursor: pointer;
}
于 2012-07-02T09:53:52.483 に答える