évasion Design panneau coulissant

Question

S'il vous plaît consulter ici: http://www.datespeed.net

Cliquez sur le bouton Connexion/enregistrer, un panneau glissera vers le bas, montrant une connexion et la forme s'inscrire.

La conception tient dans firefox et safari mais pas dans IE. Dans IE il y a un énorme fossé entre les formes. Lorsque j'utilise l'outil de développement dans IE, je vois que le formulaire ne renferme pas les divs à l'intérieur, mais la balise de formulaire entoure correctement les divs et les balises. C'est ce que je suppose qui cause le problème.

Mais je ne peux pas trouver le correctif pour cela.

S'il vous plaît consulter

Le fichier CSS: http://www.datespeed.net/styles/login_register.css.aspx

Answer 1

Vous avez min-height ensemble à 300px ici:

div.home_page_container div.home_page_body div.code_area 
{ 
    width: 24%; 
    float: left; 
    /*margin-left: 5px;*/ 
    min-height: 300px; 
} 

Vous avez également min-height ensemble à 100px ici:

div.collapsible_login_block div.top_slice 
{ 
    background-image:url('/images/backs/LoginRegister/block_top_slice_267x1.png'); 
    background-position:left top; 
    width:160px; 
    min-height:100px; 
    background-repeat:repeat-y; 
    padding-top:1px; 
} 

Modifier le CSS de empêcher le min-height s'appliquant à div.code_area et div.top_slice, et il formate correctement dans IE. Cependant, il semble y avoir beaucoup de CSS pour une mise en page relativement simple. Cela vaut peut-être la peine d'y jeter un autre coup d'œil et d'essayer de le réduire un peu. Je suppose qu'il reste beaucoup de choses à faire du processus de développement qui n'est plus nécessaire.