2011-07-26 14 views
0

私のユーザーの1人は、私が複製できない、または問題を見つけられないという奇妙な問題を抱えています。IE7レンダリング入力テキストが間違って

彼は、幅と高さに "px"を追加することで修正できた、正しく表示されないさまざまな画像の問題を報告しています。 IE7がデフォルトのユニットを設定できなかったようです。

しかし、この問題はわかりません。

ここに2枚の画像があります。ぼやけたものが彼のものです(携帯電話の画像)。

Correct Text Box

Incorrect Text Box

ノー運とIE NetRendererおよびAdobe BrowserLabsを使用して試してみました。私もW3バリデーターを実行していて、私の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> 

私はこの問題は、パディング左に使用されることによって引き起こされることができれば疑問に思い始めていますか?

答えて

0

私は、IEは画像付きの入力テキストボックスを好まず、通常の入力テキストボックスを使用するだけに戻っていると結論づけました。

関連する問題