0

Je construis une page dans ASP Webforms dans la page de connexion J'ai une liste déroulante qui fonctionne bien sur Chrome, Firefox et IE Edge, mais quand je passe en mode de compatibilité dans IE7 là est un comportement étrange après avoir cliqué sur la liste, le formulaire se déplace et cliquez sur l'autre côté pour revenir à sa position d'origine.ASP WebForms DropDownList comportement étrange sur IE7

enter image description here

Ceci est cliquez après

enter image description here

C'est le code html pour la liste déroulante

<div> 
    <asp:DropDownList ID="_ddlLocation" runat="server" Style="margin-top: 5px; color: rgb(175, 175, 175); font-size: 20px; text-align: center;"> 
    <asp:ListItem>Location</asp:ListItem> 
    </asp:DropDownList> 
</div> 

et ce sont leurs CSS

.loginContainer .login select { 
    *margin-left: -10px !important; 
} 
.loginContainer .login select { 
    width: 180px; 
    color:#898883; 
    font-size: 24px; 
} 
.loginContainer .login input[type=text], .loginContainer .login input[type=password], .loginContainer .login select { 
    height: 40px; 
    border: 1px solid #979797; 
    font-size: 18px; 
    font-weight:lighter; 
    color: #36333D; 
    width:99.8%; 
    margin-top:15px; 
    line-height:40px 
} 
+0

Essayez de faire un Afficher la source avant et après avoir cliqué sur la liste. Ma conjecture est que la liste a AutoPostback mis à * true *, et ce qui est renvoyé du serveur après le POST manque un DIV contenant ou quelque chose de similaire. – sh1rts

Répondre

0

Merci pour la réponse, mais j'ai vérifié les états bot et il n'y a pas de différence, j'ai trouvé que la div parent utilisait overflow: auto et juste dans l'IE7 donne l'erreur J'ai supprimé la propriété et maintenant ça marche