IE7 coupe les champs de saisie sous une forme

Tous les autres navigateurs, y compris IE8, rendent le formulaire correctement, sauf IE7; Je suppose que IE6 présente le même problème.IE7 coupe les champs de saisie sous une forme

IE7 coupe, réduit la forme et affiche environ 5% des champs d'entrée; J'ai supprimé tout le formatage CSS mais pas changé; J'ai appliqué plusieurs correctifs connexes sans succès; l'aide ou la direction quant à l'endroit où trouver l'information connexe ou savoir les corrections est bienvenue puisqu'elle a consommé beaucoup de temps sans succès; Merci;

html est inclus ci-dessous;

<pre> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>IMM log-in</title> 
</head> 
<body> 
    <form method="post" name="form" id="form" action="/imm/login.htm" style= 
    "font-family:arial;font-size:9pt;padding:5px;table.horizontal-align:left;display:inline;"> 
    <table> 
     <tbody> 
     <tr> 
      <td> 
      <table> 
       <tbody> 
       <tr> 
        <td><label>log-in ID</label><span class="required">*</span></td> 
        <td align="left"> 
         <input type="text" name="name" id="form_name" value="" size= 
         "20" style="width:100%;" /> 
        </td> 
       </tr> 
       <tr> 
        <td align="left"><label>password</label><span class="required">*</span></td> 
        <td align="left"> 
         <input type="password" name="password" id="form_password" 
         value="" size="20" style="width:100%;" /> 
        </td> 
       </tr> 
       </tbody> 
      </table> 
      </td> 
     </tr> 
     <tr> 
      <td align="left"> 
      <table class="buttons" id="form-buttons"> 
       <tbody> 
       <tr class="buttons"> 
        <td class="buttons"><input type="submit" name="ok" id="form_ok" value= 
        " OK " /></td> 
        <td class="buttons"><input type="submit" name="cancel" id="form_cancel" 
        value="Cancel" /></td> 
       </tr> 
       </tbody> 
      </table> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </form> 
</body> 
</html> 

</pre>

Source

2010-09-10 jfzed

Je vais avoir du mal à imaginer ce que vous entendez par « coupe off ». Pouvez-vous fournir un exemple d'URL ou une capture d'écran? –

Je suis un nouvel utilisateur enregistré et je n'ai pas de crédits pour télécharger une image; la forme est 'comprimée' et les deux champs d'entrée montrent environ 5% ou moins en partant de la gauche coupée du côté droit, c'est-à-dire. n'affiche pas les 95% restants des deux champs de saisie. – jfzed

Notez que je supprime style = "width: 100%;" sur les champs d'entrée, ceux-ci s'affichent maintenant mais sont de taille inégale; si j'entoure ces champs avec un fieldset, le problème subsiste; J'ai essayé de diviser div et span sans succès aussi; – jfzed

trouvé une solution pour cette chose position:relative

Source

2011-12-30 14:42:52 Alex

IE7 coupe les champs de saisie sous une forme

Répondre

Questions connexes