1485 sujets

Web Mobile et responsive web design

Bonjour tout le monde,

Je me suis lancé le challenge de faire seul le site web de mon groupe de musique avec les vagues souvenirs d'HTML et CSS acquis du temps de MySpace. Bien sûr, on se rend vite compte que ça ne suffit pas et v'là qu'on approfondit le tout, qu'on compose avec le jQuery, qu'on veut du responsive,... Du coup, je suis débutant total.

Bref, sur navigateur PC tout baigne. Par contre, quand il s'agit du background sous le navigateur Android (Galaxy S3, 4.1), il y a de quoi s'arracher les cheveux (sur Chrome mobile, pas de souci !). J'ai choisi d'utiliser une illustration en fond d'écran (livret d'album). Vu les options proposées, je me suis tourné vers Supersized (utilisé par un site duquel je m'inspire : http://www.finalprayer.de/ ).

Mon problème : tout baigne en portrait, mais en paysage, j'ai 2 problèmes différents. Quand la page charge en paysage, tout mon BG apparaît sauf une coupure remplacée par une ligne noire. Et quand je passe du portrait au paysage, j'ai un tiers gauche qui disparaît sous une bande noire + une échelle fantaisiste (toujours la même).

A côté, mon site d'inspiration a le même problème, mais en 2 secondes tout revient à la normale. Et là, pas d'échelle fantaisiste.

J'ai cherché des solutions pendant 3 jours sans succès sur plein de sites d'entraide à l'international, mais vous me paraissez être les gens de la situation vu le nombre de problèmes que vous m'avez inconsciemment aidé à résoudre !

Screenshot de l'apparence cible, obtenue sous Chrome mobile : https://www.dropbox.com/s/u4vjoub3ss60msy/Screenshot_2015-02-01-01-31-28.png?dl=0

Screenshot de l'apparence sous navigateur Android : https://www.dropbox.com/s/iabn30rr5j4tsue/Screenshot_2015-02-01-01-32-24.png?dl=0

Merci d'avance et désolé pour le pavé ! Je fournirai les lignes/fichiers dont vous aurez besoin