comment résoudre un tel problème de compatibilité de navigateur?

Question

J'ai un code qui affiche le champ de texte comme 3 boîtes avec des traits d'union entre les deux. Il tourne bien dans Firefox, mais dans IE, les boîtes sont fusionnées. Que devrais-je faire?

<div class="fileds-wrapper-left3"> 
         <div class="fileds-inner" style="${promoterVO.pageConfig.promoterCodePart3.visibility}"> 
          <div class="field-left"> 
           <label><spring:message 
             code="rmp.promoter.label.promoter_code" />:<sup class="error-msg">${promoterVO.pageConfig.promoterCodePart3.mandatory}</sup></label> 
          </div> 
          <div class="field-right"> 
          <form:input path="promoterCodePart1" style="width:25px"/>-<form:input path="promoterCodePart2" style="width:40px"/>-<form:input path="promoterCodePart3" style="width:70px"/><form:errors path="promoterCodePart3" cssClass="error-field" /> 
          </div> 
         </div> 

Answer 1

Essayez d'utiliser css reset

• http://meyerweb.com/eric/tools/css/reset/

Remet CSS assurent qu'il n'y a pas de remplissage par défaut du navigateur ou de la marge, ou quoi que ce soit navigateur autre spécifique ajouté à votre style.