Empêcher défilement horizontal site web

Jawtoch Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Jawtoch Messages postés 3 Date d'inscription Statut Membre Dernière intervention - 15 mars 2015 à 09:53

Bonjour,
je suis en train d'essayer de créer un site web mais je suis embêté car je souhaiterais que mon site soit immobile donc comment empêcher les barres latéral et horizontal de défilement ?

Voici le code de mon site : https://pastebin.com/P4jP4scU

A savoir que je fait mon site avec Adobe Muse

Merci de vos réponse et bonne journée

Afficher la suite

A voir également:

Bloquer le scroll css
Site comme coco - Accueil - Réseaux sociaux
Création site web - Guide
Site de telechargement - Accueil - Outils
Web office - Guide
Quel site remplace coco - Accueil - Réseaux sociaux

4 réponses

Réponse 1 / 4

inspiring Messages postés 1813 Date d'inscription Statut Membre Dernière intervention 265

Bonjour,

il suffit d'un peu de css

body {
overflow-x:none; /*pour supprimer le defilement horizontal*/
} 

/* ou */
body {
overflow-y:none; /*pour supprimer le defilement vertical*/
} 

/* ou */
body {
overflow:none; /*pour supprimer les 2 defilements*/
}

voilà voilà

Réponse 4 / 4

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 738

Salut
overflow n'est pas adapté d'ailleurs les valeurs que peux prendre overflow sont : visible | hidden | scroll | auto | inherit
overflow: none; ca n'existe pas !

pour empecher le scroll horizontal il faut mettre les valeurs des width en pourcentage
exemple tu mets tout le code du site dans une balise div juste après <body>
<body><div id="contener"> tout le code du site apres body </div></body>
dans le css tu fais
#contener {width:100%;}
et tu ne mets aucune valeur de width en pixel par contre tu peux utiliser min-width et max-width
pour les images ne mets aucune valeur dans le html (width heigt) fais plutot ca en css avec des width en pourcentage

pour le scroll vertical cela n'est pas recommander de le supprimer car cela dépend du contenu de la page, de la configuration du navigateur de chaque utilisateur et du device utilisé (pc, tablette, phone).

La d'après le code tu affiches 3 images qui forment ton contenu (autant dire que google va te sabrer) et 3 km de javascript. Tant de javascript pour afficher 3 images ?
Une erreur consiste a faire un site ou je scan ou intègre un bandeau, une affiche ou flyer, je les mets dans une page web, je l'arrange pour ce soit joli quand je le vois dans MON écran et hop j'ai une page web.
En fait tu fait l'erreur que font certains ne connaissant pas le web: vouloir une page fixe.
Un site web doit pouvoir s'afficher correctement sur tous les écrans depuis un smartphone jusqu'a un grand écran. un site web ne s'affiche pas sur une affiche 4 x 3 en mode print !
donc pour bien faire il faudrait que tu apprennes un peu css et html et te renseigner sur les media queries et sur ce qu'est un "contenu web".
Voila

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

inspiring Messages postés 1813 Date d'inscription Statut Membre Dernière intervention 265

lol, désolé pour le "none", j'avais les pensée ailleurs. Hou l'erreur de débutant, je sors

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 738 > inspiring Messages postés 1813 Date d'inscription Statut Membre Dernière intervention

Bah moi meme des fois ca m'arrive mais c'est vrai que overflow none m'a paru bizarre et j'ai quand meme été vérifié parce que dans css il y a quand meme beaucoup de propriétés diverses

Jawtoch Messages postés 3 Date d'inscription Statut Membre Dernière intervention

Bonjour,
Ca date un peu mais c'est bon j'ai réussi. Il m'a suffit de rajouter overflow: hidden; dans le body de mon site_global.css et fini le scroll!
Merci

Discussions similaires

mettre deux images cote a cote.

enlever couleur lien HTML/CSS

Logo responsive s'adaptant à la dimension de l'écran

Changer la taille d'un seule input

Descendre une image en CSS

Faire une croix en css3

Votre réponse

Discussions similaires