Salut à tous,
Voilà, pour l’affichage d’une gallerie photo, j’utilise la librairie (si ça s’appele bien comme ça ?) thickbox qui s’appuis sur la non moins-connue librairie jquery.
Problème: tous les navigateurs affichent parfaitement la gallerie SAUF IE7 ! (même IE6 fonctionne parfaitement).
Pour illustrer un peu le problème voici l’effet rendu par FF, Safari, Opéra ou encore IE6 :
http://goretsdesbois.free.fr/FF_thickbox.jpg
Mais voici ce que ça rend avec IE7 :
http://goretsdesbois.free.fr/IE7_thickbox.jpg
Dans la partie CSS de thickbox, voici la partie incriminée :
#TB_window {
position: fixed;
top:50%;
left:50%;
background: #FFFFCC;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
}
Comme vous pouvez le constater, la position est fixé en pourcentage sur 50% / 50%
Tous les navigateurs prennent le centre de l’image qu’ils placent donc à 50% top et left
Mais bizarrement, IE7 prend le coin en haut à gauche (0,0) qu’il met à 50% top alors qu’il met bien le centre de l’image à 50% left (vous me suivez ?)
Bref… la seule solution batarde que je peux esperer envisager c’est de mettre un top à 30% pour IE7 uniquement (car ça dénature l’affichage sur les autres).
Problème: savez-vous comment faire pour récupérer la version du navigateur de l’utilisateur ?
La plupart des exemple explique pour faire la différence IE (toutes version) et Mozilla & Co.
Moi je cherche à faire la distinction ENTRE les versions IE
Merci à vous ! 
(à moins que quelqu’un est carrément une solution plus simple au problème ! )
Edité le 01/04/2008 à 08:58
