Discussion :

[slack457]

Bonjour,

j'ai un souci avec Bootstrap, dès que mon site à un peu trop de "contenu vertical" (à peine plus haut que mon écran), tout le site se décale un peu vers la gauche.

j'ai cru que j'avais fait une erreur CSS au début, mais j'ai finalement supprimé mon fichier CSS, et j'ai remis un fichier "bootstrap.css" neuf (je n'ai rien modifié au fichier, pourtant le "décalage" se fait toujours).

J'ai du mal a "expliquer" le problème alors je met le site (hyper simplifié) en pièce jointe (en .zip) pour que vous puissiez tester.

Cliquez sur les liens "Articles" et "Se connecter" l'un après l'autre en alterné ---> Aucun décalage.
Cliquez sur les liens "Articles" et "Accueil" l'un après l'autre en alterné ---> Décalage.

et si vous supprimez du texte (une partie de l'article) dans Articles.php, recommencez de cliquer en alterné sur "Articles" et "Accueil" --> Il n'y a plus de décalage.

Je ne comprends pas pourquoi...

[Invité]

Bonjour,

as-tu pensé à la barre de scroll ?

[slack457]

Salut salut !

Je pense que je ne comprend pas bien... Tu veux dire la barre de scroll de mon navigateur ?
Si oui... Je ne comprends toujours pas bien.

[slack457]

Bon j'ai regardé dans le HTML voir s'il n'y avait pas quelque chose d'étrange (une balise non fermé par ex...), mais je ne vois rien.
(Je suis peut-être passé à coté...)

J'ai "résolu/contourné" le problème en ajoutant une hauteur minimale au "body"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body{
  min-height: 1200px;
}

Je ne pense pas mettre le sujet en "résolu" je reste perplexe.

[Astoumix]

Je dirai comme Jreaux62.

Quand ton contenu vertical fait plus de 100% de la taille de ton navigateur, la barre de scroll fait un décalage vers la gauche (normal).

Juste pour tester si ton "problème" viens de là, ajoute ça dans ton css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
html {
overflow-y: hidden; /* Désactivation de la barre de scroll */
}

Si il n'y a plus de décalage, c'est que c'est juste la barre de scroll et c'est tout à fait normal.

[slack457]

ah super ça fonctionne ! Merci !

Je suis nouveau sur Twitter, et comme j'ai eu énormément de soucis, dès qu'il y a un pépin je focalise bêtement dessus...
Effectivement c'était cette imbécile de barre de scroll (c'est plutôt moi l'imbécile !).
En fait même si j'avais su que c'était la barre de scroll, je n'aurai pas su comment y remédier,
et ta solution est au poil.

Désolé jreaux62,
tu m'avais donné la réponse, mais comme je ne m'y connais pas trop (je ne connaissais pas ce problème) je n'avais rien compris ^^

(finalement ce n'était pas bootstrap le problème... désolé...)

Merci beaucoup !

[EDIT]
Ah oui mais zut c'était juste pour identifier le problème, je viens de m'en rendre compte ^^
Mais donc comment vous faites pour corriger ça parce-que j'imagine que tout le monde y est confronté.