Problème sur mobile (iPhone, iPad...)

Salut à tous !

Je viens ici chercher de l'aide parce que je deviens complètement dingue. Je vais essayer d'expliqué au mieux mon problème afin de faciliter tout ça.

Je tiens, premièrement, à remercier les futures personnes qui vont intervenir. Merci beaucoup.

Donc, j'ai un site que j'avais développé en XHTML, mais celui-ci étant un petit peu mal codé, j'ai donc décidé de refaire tout le site mais cette fois-ci en HTML5. Depuis, je me suis un peu amélioré (enfin j'espère) et j'ai lu pas mal d'article sur la sémantique, HTML5, CSS3, etc.

Enfaite, pour faire simple, j'ai un problème avec mon pied de page. En effet, sur iPhone et iPad (j'ai pas essayé sur d'autres smartphones et tablettes), l'arrière-plan du footer ne continu pas à droite, il s'arrête. J'ai essayé plusieurs choses, notamment : min-width:100% et max-width:100% ça marche pas, de même que différents viewport et initial-scal. Le problème est toujours présent.

Voici le lien du site en question : http://www.teknikarts.com/testHTML5/
Code source : view-source:http://www.teknikarts.com/testHTML5/
Le fichier CSS : http://www.teknikarts.com/testHTML5/css/style.css

Avec-vous une solution ? Ça serait cool.
Merci d'avance et à bientôt.
Modifié par DarkFolio (11 Feb 2013 - 17:52)

Après avoir testé, et n'étant pas encore très familier en responsive, je pense que vous devriez convertir vos width en pourcentage.

En l'état actuel le footer prend 100% de la largeur du device-width (640px pour un iphone4 par exemple) alors que votre bloc_page a une valeur de width=1106px;

Quand je procède de la sorte tout rentre dans l'ordre.

Donc, à votre avis, je dois indiquer que "bloc_page" est égale à 100% et non à 1106px ? Merci et à bientôt.

Edit : Bon, j'ai ajouté un "min-width:1106px" à mon div footer et ça marche nickel.
Modifié par DarkFolio (11 Feb 2013 - 20:17)

A mon sens, oui, et concernant les autres blocs, il faudra réfléchir aux dimensions en %.

Ouais, c'est bon, je viens de trouver un petit solution avec mon div, comme marqué ci-dessus. Merci.