Problème avec dernière version Firefox sur mon site de vulgarisation scientifique http://www.imaginascience.com/accueil.php (+boutique en ligne)
 

 
J'avais conçu mon site avec l'usage extensif et unique des CSS et sur les différents navigateurs suivants : IE, Opéra et Firefox.  
 
Puis, j'ai découvert il ya quelques mois qu'une nouvelle version de Firefox arrivait : la version béta était Deerpark. Et là, ils avaient beau dire que c'était le même moteur qu'avant, je voyais bien que non.
 
En effet, pour mes images, j'utilise une astuce CSS qui me permet de grandir les images instantanément en glissant la souris dessus. Tout marchait bien et puis Firefox 1.5 est arrivé.
 
Lorsque je passe maintenant la souris sur l'image, le cadre qui entoure l'image grossit mais ne revient pas à la positions initiale en largeur (en hauteur si).  
La cata.    
C'est le seul navigateur a foutre ma technique par terre.    
 
Je cherche de l'aide pour savoir comment corriger ce problème rapidement.
 
Merci d'avance pour tous les volontaires-experts.  
 
Au fait : mes fichiers CSS sont un peu éparpillés en différents fichiers importés :il faut se préoccuper de texte.css et zoom.css.
 
Voici résumé le code :  
 
Pour le cadre :  
 
 
#flottantdroite0 { position: relative;  
float:right;
display: block;  
margin: 2px 2px 2px 10px;
padding: 2px 2px 2px 2px;
width: auto;
height: auto;
border-right: 3px solid #336600;
border-bottom: 3px solid #007e00;
border-top: 3px solid #009933;
border-left: 2px solid #00ff66;
/*background-color:;*/
background:#b7e4a1 url(/baseimages/partiecentrale/degradephoto0.jpg) repeat-x  top left;  
}
 
#flottantdroite0 p {  position: relative;
display:block;  
font-style:italic;
font-size: 70%;
margin: 0px 0px 0px 0px;
padding: 0px;  
color: white;
text-decoration:underline;  
text-align:center;
/*background-color: #006699;*/
   }    
 
 
 
Pour les images  
 
 
#zoom a:hover {
  width: 200px;  
  height: 140px;
  background: url(atometraineeszoom.png) no-repeat top right;
  background-position: 0 -80px;  
  cursor: default;
  }
 
#zoomb a {
  margin: 5px 5px 5px 5px;
  text-indent: -1000em;  
  overflow: hidden;
  display: block;    
  cursor: default;  
  width: 100px;  
  height:100px;
  background: url(rabelaiszoom.jpg) no-repeat top right;
  }
 
Remarquez que si on redimensionne un tant soit peu la fenêtre de Firefox, cela revient bien comme il faut.

Chez moi ça marche!    
 
Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8) Gecko/20051111 Firefox/1.5

 
Ah !! ? (merci Flyman 30)  
 
Il manquerait plus que ça ne marche pas chez moi uniquement. Je suis sous Win XP et c'est bien Firefox 1.5.
 
Non, j'ai d'autres personnes qui m'ont confirmé le problème. Il existe même des navigateurs (Safari on m'a dit) pour lesquels la page d'index plante (mais c'est un autre sujet).
 
HELP (again) !

chez moi ca marche pas, avec firefox 1.5 et win xp

ca fonctionne aussi chez moi (enfin des fois ca decale toutes la mise en page, mais tout rentre dans l'ordre quand le survol cesse...
Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

 
Merci encore. Je rappelle que cela marchait bien avec l'ancien Firefox pour moi (1.0...) sous Win XP. Et puis Deer Park m'a montré qu'il y avait un souci. Le problème, c'est que de + en + de monde va télécharger cette nouvelle version et voir le comportement zarbi du cadre de l'image.
 
Pourquoi cela marche en hauteur (le cadre revient à la bonne place) et pas en largeur ??? Illogique.
 
Je suis assez remonté contre Firefox car pour moi, un code qui marche pour une ancienne version doit fonctionner sur une nouvelle (même si mon code est atypique voire peu correcte mais cela valide auprès de la W3C).

Vu le nombre de fichiers css à fouiller et la lenteur de ton serveur, j'ai vraiment la fleme de regarder pourquoi ca décone en tout cas, j'ai ici le même comportement que toi. (winxp2 home & firefox 1.5, "Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8) Gecko/20051107 Firefox/1.5" )
 
Quand au "ca marche avec firefox 1.0 donc ca devrait marcher avec firefox 1.5" n'est pas une bonne base de réflexion. Firefox 1.5 est plus complet au niveau des css et corrige de nombreux bugs de gestion des css par rapport à la 1.0. Si ton systéme avait ce comportement là grace à un bug qui n'est plus là, c'est normal que ca ne réagisse plus pareil.
 
PS : Il n'y a aucune véritable raison de faire un css par taille de caractére. Les navigateurs actuel le gére eux même si tu utilises des tailles en "em" et ceux qui ne permettent pas de changer manuellement de taille ne gérent pas du tout les css. Par conséquent, il n'y a aucune bonne raison de faire des css pour gérer des tailles "normal" / "grand" / "trés grand" / "petit" / "trés petit".

 
Merci bcp Omega2  
 
Bon disons-le tout de suite, on n'est pas d'accord sur la différence Firefox 1.5 /1.0. Je n'ose pas encore appeler réellement ce que j'ai "Bug" puisque cela marche sur les 2 autres navigateurs principaux et rien n'est signalé par le W3C sur le sujet quand je vérifie avec le validator.
Il n'est pas improbable que ce soit un bug Firefox et je ne dis pas cela pour cacher mes défauts de prog.  
C'est que rien n'est parfait.  
Encore une fois, mon point de vue est qu'il est très difficile de maitriser les effets CSS sinon ce forum ne serait pas là. Donc, quand un navigateur dit "OK", il est censé s'y tenir pour le restant de ses jours. Sinon, bonnes frayeurs pour les webmestres à chaque changement de versions de navigateurs.  
 
Pour les autres remarques, c'est hors-sujet (merci qd même) mais je comprends ce que tu veux dire. C'est pourtant le choix de certains sites (dont des pionniers) de grossir avec des loupes grâces à différents CSS. Ce faisant, je gère moi-même la manière dont "grossis" mon site. Si tu grossis avec Firefox ou Opéra par ex, le résultat est moyen en terme de design et parfois de lisibilité (surtout les colonnes). Je sais que c'est un défaut de mon site mais y a trop de trucs à gérer seul. Mes loupes sont un palliatif. C'est pas mal déjà.
 
Qui veut résoudre le prob avec moi (des images), please !

C'est vrai, ca pourait être un bug de la version 1.5 ou de ta feuille css ou d'un mélange des deux.
 
Au fait, j'ai plus accés à ton serveur, il est en maintenance? Même si j'ai la fléme de le fouiller en une fois, j'aimerais bien voir à quoi c'est du pour pas tomber dans le même piége.

 
Et Oui il est en maintenance malheureusement : j'ai pas de chances.    
 
Concernant Mechkurt qui dit que la mise en page change, c'est normal (et même voulu) avec les CSS.
 
Tiens, pendant qu'on attend. Mon idée originale (Zoom) provient à peu près de celle-ci :  
 
http://mammouthland.free.fr/cours/css/cours8.php  
 
Le seul truc, c'est que je veux une légende sous ma photo. Personne ne connaitrait une autre manière de  
faire. Je suis preneur !