IE7 렌더링 입력 - 텍스트가 잘못되었습니다.

Question

내 사용자 중 한 명이 이상하게 생각하여 복제하거나 문제를 파악할 수 없습니다.

그는 너비와 높이에 "px"를 추가하여 올바르게 고칠 수없는 여러 가지 이미지 문제를보고했습니다. IE7에서 기본 단위를 설정할 수 없었던 것 같습니다.

그러나이 문제는 내가 알아낼 수없는 문제입니다.

여기 두 이미지가 있습니다. 흐릿한 이미지는 휴대 전화 이미지입니다.

내가 행운의 Adobe BrowserLabs뿐만 아니라 IE NetRenderer를 사용하여 시도

. 또한 W3 Validator를 실행했으며 Facebook 코드처럼 버튼 코드와 관련된 오류 만 표시했습니다. 나는이 문제가 패딩 왼쪽은 사용에 의해 야기 될 수 있는지 궁금해하기 시작하고

<div id="content"> 
    <h1>Chat</h1> 
     <div style="padding-left: 100px;"> 
     <div class="wrapper_product"> 
      <div class="wrapper_product_inner"> 
       <div style="padding-left: 5px; padding-right: 5px;" id="usersOn"> 
       </div> 
       <br /> 
      </div> 
     </div> 
<br /> 
     <div class="wrapper_product"> 
      <div class="wrapper_product_inner"> 
       <div style="padding-left: 5px; padding-right: 5px; padding-bottom: 5px; overflow: auto; height: 300px;" class="chatActual" id="actual"><!--COMMENTEED OUT BECAUSE NOT NECESSARY!--></div> 

      </div> 
     </div> 
     <br /> 
     <div style="padding-left: 100px;"> 
    <input type="text" name="message" id="message" value="" style="float:left; padding:6px 10px; width:292px; height:14px; border:none; background:url(http://www.mydomain.com/images/bg-input-2.gif) no-repeat left top;" />&nbsp;&nbsp;&nbsp;<input type="image" name="post" value="Post" id="sendMessage" style="float:left; padding-left: 5px;" src="http://www.mydomain.com/images/post.png" alt="Post" /> 
    </div> 
    </div> 
<!--JAVASCRIPT CODE COMMENTED OUT--> 
</div> 

: 여기

은 채팅을 코드?

Answer 1

IE는 이미지가있는 입력 텍스트 상자를 좋아하지 않으며 일반 입력 텍스트 상자를 사용하는 것으로 되돌아 갔다고 결론을 내 렸습니다.