Décalage de mise en page

Bonjour,
Sur l'un de mes sites, j'ai une indication de décalage de mise en page par Lighthouse.
J'ai consulté quelques docs, mais c'est un peu obscur. Et les préconisations que j'ai mises en place n'ont pas produit le résultat attendu. Le plus fort, c'est que pour le même site, je n'ai plus ce décalage en mode mobile (sur Lighthouse).
La perte étant minime, je ne l'avais pas remarqué.
Avez-vous une idée ?

Bonjour,
>> Avez-vous une idée ?
Pour avoir une idée il faudrait avoir une vue du problème!!
Quelle est L’URL concernée? Description du problème? Résultat attendu?

>> mais c'est un peu obscur
Qu'est ce qui est obscur? De quelles docs parlez-vous?

Le site, c'est https://ecrisdroit.fr
Le décalage est indiqué par Lighthouse, qui renvoie sur la doc de Google, que je ne comprends pas trop.
Quand j'ouvre la page, je vois effectivement le bloc de recherche qui passe très brièvement de la droite de la page vers la gauche. C'est très rapide et à peine visible (à condition que la page ait été rechargée).
Parmi les causes, il est indiqué que l'oubli du dimensionnement d'un bloc peut causer ce problème. J'ai vérifié, les dimensions sont bien données.
(À force de bricoler le site, je viens de voir que la recherche ne fonctionne plus, il faut que je corrige ça, mais là n'est pas le problème.)
Modifié par Bongota (24 Oct 2026 - 18:05)

Bonsoir, je ne suis pas un habituer de cet outil, Je viens de regarder sur Chrome avec Lighthouse et je vois 4* 100 comme score.
Je ne vois pas de problème avec cet outil. Pourriez vous poster une capture écran de ce que vous voyez?

Attention cependant vous avez une erreur de balise mal imbriquée que vous pouvez voir grâce au validateur => https://validator.w3.org/nu/?doc=https%3A%2F%2Fecrisdroit.fr%2F
Et une erreur de sémantique pour

 <p><span class="puce"> </span>installer un module sur <b>Gmail.</b><br>

Ce n'est pas un paragraphe qu'il faut mais une liste non ordonnée <ul>
Modifié par casper2 (24 Oct 2026 - 18:52)

Merci pour la balise. Je viens pourtant de passer toutes mes pages au validateur html et je ne l'ai pas vue.
Pour ce qui est du décalage de mise en page, ce n'est effectivement pas énorme, mais j'ai voulu peaufiner.
Voici une capture d'écran.

Et j'ai cassé le JavaScript dans le html en bricolant le site. Je recherche ce que j'ai enlevé.
Cette barre de recherche fonctionne (nait) mais elle est expérimentale. Le but était d'en faire une sans base de données. Elle m'oblige à avoir du JS dans le html, ce que je voudrais éviter.
Modifié par Bongota (24 Oct 2026 - 19:33)

J'ai réparé la barre de recherche, elle fonctionne.
Ce qui pose le problème de décalage de page, c'est précisément cette barre de recherche. Sur la page "Mentions légales" où cette barre de recherche est absente, le décalage de page disparaît sur Lighthouse.
Le lieu est identifié, il reste à trouver la raison.