2009-09-03 2 views
-2

텍스트 상자의 오른쪽에 표시 할 단추가 있지만 IE7의 아래쪽에 표시하려고합니다. 당신이 display:inline을 필요가 없습니다<button>을 텍스트 상자 오른쪽에 가져올 수 없습니다.

style="display: inline;float: left" 

<button>을 기본적으로 인라인 요소가되고 float:left은 옆에있는 버튼 랩을 만드는 것입니다 :

<div style="margin-top: 12px; border: 1px red solid" > 
      <asp:TextBox ID="txtSearh" name="txtSearch" runat="server" ></asp:TextBox>&nbsp; 
      <button id="Search" accesskey="s" type="submit" runat="server" onserverclick="Search_Click" style="display: inline;float: left"> 
      <span><u>S</u>earch</span></button> 
     </div> 
+0

코드는 어디에 있습니까? 이것은 갈 곳이 없습니다. –

+0

텍스트 상자, 버튼 및 div 래퍼가 있습니다. 어떤 코드가 필요합니까? –

+0

이것을 확인하십시오 [대답] (http://stackoverflow.com/a/29341443/2218697), 희망은 누군가에게 도움이됩니다 – stom

답변

2

하면 <button>에서이 스타일의 속성을 제거 선.

+1

그리고 여전히 감싸는 경우 텍스트 상자 옆에 버튼을 표시 할 수있는 충분한 컨테이너 너비가 없다는 것을 의미합니다. 텍스트 상자를 넓게 만들거나 텍스트 상자 및/또는 버튼을 작게 만듭니다. –

+0

마지막 순간에 float를 추가했고 변경 사항을 보지 못했기 때문에 떠났습니다. 범인은 IE를 고치기 위해 누락 된 CSS 파일과 버튼 요소의 동작을 변경 한 CSS 파일이었습니다. html은 FF에서 잘 작동합니다. IE 문제라고 생각했습니다. –

관련 문제