IE7渲染輸入文本錯誤

我的一個用戶有這個奇怪的問題，我似乎無法複製或找出問題。IE7渲染輸入文本錯誤

他已經報告了許多圖像的各種問題，沒有正確顯示，我可以通過在寬度和高度上添加「px」來解決問題。看起來IE7似乎無法設置默認單位。

但是，這個問題是我無法弄清楚的。

這裏是兩個圖像，模糊的一個是他的（手機圖像）。

Correct Text Box

Incorrect Text Box

我一直在使用IE NetRenderer因爲沒有運氣的Adobe BrowserLabs嘗試爲好。我也運行W3 Validator，並且只有與我的Facebook Like按鈕代碼有關的錯誤。

下面是聊天代碼：

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

我開始懷疑，如果這個問題可以通過使用填充左引起的？

來源

2011-07-26 Flipper

我得出的結論是，IE瀏覽器不喜歡輸入文字框與圖像，只是恢復到使用正常的輸入文本框。

來源

2011-08-30 15:33:25 Flipper

IE7渲染輸入文本錯誤

回答

相關問題