Site web fluide, problème de scroll involontaire sur iphone

pinky-mango -  
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je suis entrain de créer la prochaine version de mon site qui sera fluide mais je constate un problème sur mon iphone. En fait la page affiche bien, mais je peux scroller à droite et on y trouve du vide!?

Voilà la page qui s'affiche sans que je scroll à droite.
Tout est ok.
http://img4.hostingpics.net/pics/71798320140814223150.png

et quand je scroll:
http://img4.hostingpics.net/pics/25073720140814223153.png
Il y a que du vide sur le côté et c'est comme ça partout, même si je scroll vers le bas.

je m'arrive pas à trouver d'où vient le problème.

Peux-être de mes metas pour l'affichage mobile?
Voilà le code : 
<meta name = "viewport" content = "width = 320,
       initial-scale = 1, user-scalable = no">

Le problème survient juste sur mon iphone (4s) ou peut-être autres téléphones mobile (mais pas encore testé) et pas sur mon macbook.

Merci beaucoup ! :)

A voir également:

2 réponses

Réponse 1 / 2
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
salut

en faite le vrai problème n'est pas résolu.
ta solution
c'est comme prendre de l'aspirine contre une bactérie
tu supprime la douleur mais tu ne supprime pas la bactérie.
ce doit être un probleme de margin et de width qui quand ils s'additionnent donnent plus de 100%
ou un de tes éléments en float ou en width mal calculé quand sa passe en petite résolution d'écran
impossible de t'en dire plus avec des png
1
Réponse 2 / 2
pinky-mango
 
Problème résolu!
Pour ceux qui ont le même problème ajouter ses lignes à votre css: 
html {
 	overflow-x: hidden;
 	height: 100%;
}
body {
 	height: 100%;
 	overflow-x: hidden;
}
0