Empêcher le scroll horizontal sur son site Web.

Question

Bonjour à toute la communauté. 
J'ai un souci avec mon site Web je viens ici pour sollicité votre aide. 
Malgré que j'ai mis le 
body
{ overflow-x:none} ; 
Mon site présente toujours une barre de défilement horizontal sur un smartphone .
 j'ai même copié ça dans le dans ma feuille  de style des @media queries 
Mais aucun succès.  
Svp quelqu'un peut m'aider à fixer ça ? 
Sinon ça m'embrouille un peu...

Altoro · Answer

Salut, les media queries c'est fait pour faire plusieurs mises en pages en fonction de critères(comme la taille/résolution de l'écran).

Sans voir votre code dur de dire quoique ce soit, à part un devin mais si on parle de technologie cela n'existe pas...


Je voit toutefois une faute dans le petit morceau de CSS que vous avez indiqué:

body
{ overflow-x:none} ;/* ceci est faux le point virgule sert à indiquer la fin d'une règle CSS et est OBLIGATOIRE, les accolades contiennent la/les règles CSS pour un ou plusieurs sélecteur(ici la balise body). La valeur none n'existe pas non plus pour la propriété overflow */

/* vous pouvez écrire comme ceci pour masquer la barre de défilement horizontale:*/
body
{
  overflow-x:hidden;
}/* avec une bonne indentation c'est p^lus clair et on voit mieux les fautes, en fait l'indentation sert à cela, utilisez là si vous avez des erreurs ou que vous n'êtes pas à l'aise avec la syntaxe du CSS*/

Dans le doute le plus simple est de regarder la notice:

https://www.w3schools.com/cssref/css3_pr_overflow-x.asp

Vous verrez facilement ce genre d'erreur(valeur non existante et impossible comme none à l a place de hidden et point virgule mal placé) en utilisant la console de déboguage du navigateur, onglet CSS.

Bill-Billion · Answer

Comme l'a dis Altoro

Selecteur
{
overflow-x:hidden;
}
 
 verifie si ton bloc s'il y n'ya pas de marge restantes ça peut causer problème en le visualisant sur ton smartphone

declique69 · Answer

none n'est pas une valeur reconnue pour overflow-x
Voir http://stylescss.free.fr/v2-properties/overflow.php

Il faut que tu te trouves un site ou un bouquin de référence pour écrire du CSS correct.

Ceci dit, dans ton cas, masquer la barre de défilement n'est pas forcément la bonne solution. Si cette barre apparaît c'est que le contenu est trop large pour l'écran.
As-tu la balise viewport dans la section head du HTML ?

Empêcher le scroll horizontal sur son site Web.

3 réponses

Votre réponse

Discussions similaires