Problème d'affichage du CSS avec Mozilla Firefox

[Feu Ardent]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour bonjour c'est encore moi

Plusieurs utilisateurs de mon forum (ceux utilisant Mozilla Firefox) ont fait remarquer qu'il y avait des problèmes d'affichage des styles CSS sous ce navigateur pour des valeurs telles que la couleur de fond de plusieurs éléments (entre autres bugs repérés)

Après avoir fait des recherches sur le fdf sans véritablement trouver de problème similaire, je me demandais si d'autres administrateurs avaient rencontré le même problème (voire même trouvé une solution à cela ?)

Je vous remercie d'avance du temps pris pour me répondre,

FA

[Feu Ardent]

Bonjour

Personne d'autre ne rencontre le même problème ?

[no_way]

Bonjour, j'ai trouvé quelques erreurs dans votre code CSS concernant les sélecteurs blq1 à blq7, s'il s'agit d'identifiants préfixez les de #, si il s'agit de classes du point ., ensuite dans la mesure où vous utilisez du code spécifique pour webkit (chrome, safari) il est normal que tous les autres navigateurs aient un rendu différent puisque pour eux:

Code:

div::-webkit-scrollbar

ne veut rien dire par ailleurs il n'est même pas prévu de standardiser ceci:

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

source: https://developer.mozilla.org/fr/docs/Web/CSS/::-webkit-scrollbar

[Feu Ardent]

Bonjour et merci de votre réponse

En fait blq1 à blq7 ne sont ni d'identifiants, ni de classes, mais de nouvelles balises créés spécifiquement pour usage sur le forum, comme ceci :

Code:

<blq7>contenu</blq7>

Néanmoins vous venez de marquer un point important : je n'avais pas réalisé que les balises webkit feraient interférence sur d'autres navigateurs, même pour les autres classes dans la même expression. Du coup je vais les noter à part dans le CSS pour éviter ces soucis, merci infiniment à vous !