Cossworkers de cohérence CSS sur une simple animation CSS3
Question
J'ai un problème sur la consistance CSS ici: http://www.progettostand.com/ Vérification des icônes sociales en haut à droite, les positions d'icônes sont correctes sur IE (miracle!), Toujours 20px éteint avec FF et éteint sur la charge de la page, puis centrée après la première survolée sur Chrome. Bien sûr, il est quelque chose de lié à: après le comportement de la marge-gauche. J'ai essayé de jouer avec cela, mais n'a rien réussi à changer de problème entre les navigateurs et jamais réussi à avoir tous les trois travailleurs comme prévu. S'il vous plaît aidez-moi à le clouer.
Merci beaucoup d'avance pour votre temps et vos efforts.
La solution
Juste une solution rapide, je n'ai actuellement pas de chrome à tester, alors je ne peux donc pas être suffisant pour les autres navigateurs, mais peut-être essayer d'ajouter quelque chose comme celui-ci à vos styles:
#top-social-bar a{
text-align:left;
}
#top-social-bar a:before,
#top-social-bar a:after {
text-align: center;
}
Autres conseils
SOMTIMES Les thèmes externes ne sont pas fiables.
Vous devez ajouter ceci à la fin de votre style.css:
#top-social-bar{
display:table;
}
#top-social-bar li {
display: table-cell;
float: none;
}
#top-social-bar a:before, #top-social-bar a:after{
width:auto
}