입력 버튼이 무작위로 떠 있습니다.

IE7에서 입력 버튼을 사용하여이 문제가 발생합니다. IE7에서 어떤 이유로 든 제품을 검색하는 데 사용됩니다. IE7에서이 버튼은 임의의 위치에 던져 지거나 그렇지 않습니다. 그것이해야하는 설정 위치를 고집합니다. 이것은 IE7에서만 발생합니다. 브라우저가 아니기 때문에, 왜 이런 일을하는지 알면 궁금합니다. (또한 IE7 지원, 내 선택이 아니다 것은 수행해야합니다.)입력 버튼이 무작위로 떠 있습니다.

Correct Button Incorrect Button

내 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>

출처

2012-07-02 Hello World

당신의 CSS를 – Zia

를 보지 않고 말할 수 없다 , 희망하는 데 도움이 낫다 . –

html도 게시하십시오. jSfiddle 링크가 더 좋을 것입니다. – Imdad

한 I 부모 컨테이너 (여기서는 dt)가 두 요소를 모두 담을 수있는 적절한 너비를 가지고 있는지 확인하는 것이 좋습니다. width 속성을 input 요소로 설정하십시오.

그러나 요소를 배치하고 동일한 결과를 얻는 다른 방법이 있습니다. 예를 들어 floats을 사용하면 동일한 효과가 나타납니다. 두 요소 모두에 float: left을 사용하십시오 (input 및 button). 하지만 이렇게하려면 수레의 특색과 그 수하식을 이해해야합니다.

p.s. 샘플 CSS 코드와 관련된 또 다른 조언은 선택자를 검토하는 것입니다. 당신 대신에 다음과 같은 CSS를 넣어 시도하고 아무것도 (:) 희망) 변경됩니다,하지만 선택기의 효율이

이 가 가

#Navigation .Button { 
    background: #FFF; 
    border: 2px solid #3B9BD9; 
    color: #000; 
} 
#Navigation .Smallest { 
    cursor: pointer; 
}

가에 추가

출처

2012-07-02 09:53:52 skip405

입력 버튼이 무작위로 떠 있습니다.

답변

관련 문제