Bonjour à tous,

Je viens de mettre en ligne mon site internet, et vient de repérer un mauvais alignement d'élément dans ma page de musiques, qui visiblement est dépendant du navigateur. (bien sur Opéra, Firefox, IE, et pas sous Chrome, ou l'inverse ...)

Pour être plus clair, voici une image :


Chaque soundtrack est une div avec une class "soundtrack".
Chaque soundtrack contient :

un span pour le titre, de classe "song-title", contenant un span de classe "text" :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.soundtrack .song-title .text { 
left: 5px;
}
 
.text { 
display: inline-block;
position: relative;
}

Une div contenant le lecteur :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.sound-player { 
display: inline-block;
height: 20px;
margin-bottom: 5px;
position: relative;
top: -10px;
width: 250px;
}

Un élément "a" pour les "likes" :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.cliker-button { 
display: inline-block;
position: relative;
top: 4px;
}
 
.cliker-button { 
color: #FFFFFF;
display: inline-block;
font-size: 14px;
height: 20px;
text-decoration: none;
width: 20px;
}
Auriez vu une idée de la raison de cette différence ?

Merci d'avance