incompatibilité css entre ie firefox
bonjour
j'ai un problème de décalage sur la page http://www.tousenlive.com/partenaires/generations sous ie à mon avis dû au CSS
vous pourrez observer sous ie un décalage du module de login ainsi qu'un débordement du cadre principal de quelques pixels de chaque côté du header
le CSS associé :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| #les-membres {
width: 234px;
height: 291px;
margin: 0px;
background:url(http://www.tousenlive.com/partenaires/generations/img/membre.gif) top center;
color: #000000;
float: left;
position:relative;
}
#les-membres h3 { display: none; }
#les-membres input.bordures { border: 1px solid #000000; margin-bottom:5px; width:200px; color: #999999; }
#les-membres #ident { padding: 15px; position:absolute;}
#les-membres .petit { font-size: 11px; }
#les-membres .avatar { width: 50px; height:50px; margin-right:2px; border: 1px solid #000000; }
#les-membres #pseudo_editable { color:#000000; font-weight:bold; font-size:14px;margin-bottom:4px; border-bottom:1px dashed #999999; }
#les-membres #inscription { position:absolute; top:125px; left:10px; }
#page {
width: 972px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding-left:18px;
background-color:#131313;
} |
voilà le problème c'est qu'en modifiant les attributs pour recaler le tout sous ie, c'est l'affichage sous ff qui bug :(
quelqu'un aurait une idée pour rendre compatible les deux ?
merci d'avance