Problème d'affichage sur Firefox

Bonjour,

je rencontre un problème étrange sur Firefox. Tout fonctionne correctement avec Chrome et Edge.

Voici deux pages où se produisent le problème :
www.guillenphoto.com/fr/les-photos-d-art/editions-uniques.html
et
par exemple : www.guillenphoto.com/fr/les-photos-dart-...n-dore-1706-319.html
(regarder les produits en relation).

Les produits sont étirés. L'affichage est bizarre.

Suite aux recommandations de Philipp pour un précédent sujet, j'avais ajouté width : max-content; dans les css pour ne pas avoir une bordure blanche affichée autour des produits.
J'ai donc customisé les css.

Pouvez-vous me dire comment résoudre ce problème?

Merci par avance pour votre aide,
Sincèrement,
A. Guillen

J'ai trouvé le css à écrire

au lieu de mettre width : max-content;

j'ai écrit :
width: auto;
display: inline-block;

J'ai trouvé l'information sur cette page :
forum.alsacreations.com/topic-4-69642-1-...te-pas-firefox-.html

Désolé pour le topic.
Mon problème est résolu.

Sincèrement,
A. Guillen

Bonjour,

Après avoir fait différents tests avec Firefox, nous n'avons rien constater d'étrange...
Du coup, une piste de réflexion, mon navigateur Firefox est mis à jour automatiquement (il s'agit donc de la dernière version), se pourrait-il que votre version soit plus ancienne, voir trop ancienne?
A partir de là, pour être sur que tout le monde soit aligné :
- Mettez à jour votre navigateur Firefox.

- Si vous constatez que le problème est toujours là, "screenshotez" le problème et encadrez le en rouge (pour être sur qu'on ne manque pas!)

En attente de vos retours
Cordialement

Bonjour Philip,

comme vous l'avez demandé, j'ai vérifié la version de Firefox. C'est bien la dernière qui est installée sur mon ordinateur.



J'ai le problème quand je mets width : max-content, le problème apparait sur mes pages :





Quand je remets les 2 lignes dont je vous ai parlé, tout fonctionne correctement :





Je ne connais pas la raison. J'ai juste trouvé une solution à mon problème. Je ne sais pas du tout programmé pour le web.

Sincerely,
A. Guillen

Bonjour,

La commande Css max-content va étendre aussi loin que possible la largeur de votre élément.
Donc si son containeur n'est pas contraint, j'imagine que cela explique ce résultat surprenant.

Mais je tiens quand même que nous n'avions de notre côté rien constater de tel, ce qui est donc intriguant, mais si votre problème est résolu, j'imagine que nous pouvons nous faire à cette idée.
Cordialement

Bonjour Philip,

je vous remercie pour votre réponse.

Je ne peux pas vous en dire plus. Je sais juste créer de petits css. Je ne suis pas spécialiste.
L'important est qu'aujourd'hui, la solution fonctionne. Peut être que dans un proche avenir, quelqu'un d'autre rencontera le problème et que vous identifierez la source.
J'ai voulu partager ma solution pour aider une autre personne si elle rencontrait ce cas.

Merci pour tout
Sincèrement,
A. Guillen