Un de mes utilisateurs est d'avoir ce problème étrange que je ne peux pas sembler reproduire ou comprendre le problème. Il a rapporté beaucoup de problèmes divers d'images ne montrant pas correctement que j'ai pu fixer en ajoutant "px" à la largeur et à la taille. Il semble que IE7 n'a pas pu définir une unité par défaut.IE7 Rendering texte d'entrée de façon incorrecte
Cependant, ce problème est celui que je ne peux pas comprendre.
Voici les deux images, la floue étant la sienne (image de téléphone portable).
J'ai essayé d'utiliser IE NetRenderer ainsi que Adobe BrowserLabs avec pas de chance. J'ai également couru le W3 Validator et j'ai seulement eu des erreurs concernant mon code de bouton Facebook Like.
Voici le code pour le chat:
<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;" /> <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>
Je commence à me demander si ce problème pourrait être causé par la gauche padding-utilisé?