Discussion :

[L'AMI Yves]

Bonjour à tous.

Je développe un site pour usage interne sur mon réseau local (Windows 10, Firefox à jour). Il sert à gérer une base de données MySQL, il est écrit en PHP/MySQL/HTML/CSS/Javascript.

Comme je l'ai déjà publié plusieurs fois à diverses occasions, je suis plutôt fâché avec le "responsive design". Aujourd'hui, je tombe sur un nouveau problème (lié au responsive design ou non : je ne sais pas) : suivant que ce qui est écrit dans les champs de mon site (des cellules de tableau, des <div> classiques, des <input>... vient de MySQL, ou du code PHP ou peut-être du clavier..., la police n'est pas la même, et surtout, la taille des caractères (toujours définie à 1rem en CSS) n'est pas la même. Je n'y avais pas fait attention, jusqu'à aujourd'hui où je galère comme un malade pour égaliser les champs et aligner les colonnes (les en-tête viennent du programme, et les données, de la base MySQL).

Est-ce que ce problème est bien connu (en particulier sous Firefox) et est-ce qu'on sait le contourner ?

Merci d'avance.

AMIcalement.

[Invité]

Bonjour,

si seulement on pouvait VOIR et/ou TESTER* !

Mais là, sans la moindre bribe de code,.....


* Avec :

• TOUS les codes nécessaires et suffisant pour reproduire le problème
• une page en ligne ? (même "simplifiée")
• copie d'écran,... (quoi que... ça n'apporterait pas grand chose)

N.B. On peut tout-de-suite supprimer de la liste des suspects :

• PHP
• MySQL
• Javascript (à moins qu'il ne modifie des styles CSS ?)

Il reste :

• HTML (s'il y a des styles CSS "en ligne")
• CSS

Et y ajouter :

• le développeur (donc, TOI !)

[L'AMI Yves]

Cher Jérôme,

bien sûr, ça n'est pas la première fois que je m'attire cette remarque - et pas que par toi. Mais je ne sais pas comment y répondre : mon site n'est pas en ligne; il y a 11 fichiers dans le répertoire racine (des fichiers php qui "s'include" les uns les autres; il y a 6 sous-répertoires; le problème apparaît lors de l'invocation d'un module php de l'un de ces sous-répertoires; ce module accède à la base de données, et affiche son contenu; cela représente un tableau de plus de 1500 lignes; quand le consulte le code source de la page, j'obtiens 20000 lignes (environ); le problème apparait lors qu’après avoir cliqué dans une ligne, un formulaire s'affiche, permettant le dialogue pour modifier l'enregistrement correspondant de la BDD.

Crois-tu que si je publie ces codes, "vous", les braves contributeurs de ce forum, comprendrez mieux ce qui se passe qu'avec mes explications ?

Voici la fenêtre où apparait le problème :



AMIcalement.

[Invité]

Je te retourne la question :

"Comment veux-tu qu'on puisse apporter la moindre correction sans pouvoir TESTER, ni CHERCHER où pourrait se trouver le problème ?"

• On ne sait même pas si ton code HTML est correctement construit.
• On ne sait rien no plus du CSS appliqué...

N.B. Tout ce que je peux dire de ta copie d'écran, c'est que les COULEURS piquent les yeux !!

[L'AMI Yves]

Eh bien je suis un peu déçu...

Je veux bien que les couleurs piquent les yeux, mais c'est complètement hors sujet.

Aurait-il fallu que tes yeux ne piquassent pas pour que tu voies clairement que le texte écrit dans les cellules de tableau jaunes est plus gros que celui écrit dans les zones vertes ? Et que ces zones vertes, incluses dans d'autres cellules de tableau jaunes, ne les remplissent pas complètement ?

Y a-t-il besoin de voir du code pour imaginer ce qu'il y a derrière ? Je ne suis pas sûr que mon code HTML recevrait ton imprimatur, mais fais-moi au moins le crédit d'imaginer qu'il n'est pas complètement bidon.

Je demandais juste la confirmation que si ces zones arboraient des tailles de caractères différentes, c'était dû au fait que Firefox ne respectait pas ce qui était programmé en CSS, pour s'adapter au conteneur.

Il y a aussi (c'est également bien visible) des polices de caractères différentes, ce qui n'est programmé nulle part. J'ai fait l'hypothèse que, d'une façon ou d'une autre (mais j'aimerais bien savoir laquelle) le texte en provenance du clavier, ou du code PHP/HTML, ou de la base MySQL, garde la trace de sa police d'origine (aussi bien la base MySQL que mon code prévoient que tout se passe en UTF8).

Toujours AMIcalement.

[Invité]

Oui, on voit bien que les caractères sont de différentes tailles et typo.

Y a-t-il besoin de voir du code pour imaginer ce qu'il y a derrière ?

La réponse est clairement : OUI.

Car les raisons d'un dysfonctionnement peuvent être multiples et variées.

...la confirmation que [...] c'était dû au fait que Firefox ne respectait pas ce qui était programmé ...

C'est tellement facile d'accuser le navigateur !!

Dans 99,99 % des cas, c'est uniquement la faute du PROGRAMMEUR !!

• Soit une erreur dans la structure HTML du document (ou sa configuration : DOCTYPE,... ?)
• Soit une erreur dans le CSS ?
• Soit une incompatibilité ? une instruction qui en écrase une autre ?
• Soit ..... ?

SANS VOIR ni TESTER le code, on ne peut faire QUE des suppositions.