format d'écran du acer liquid (480px) petit soucis

[kerti]

bonjour,

je posséde un acer liquid S100, et je developpe actuellement un site pour mobile adapté entre autre au format 480 pixel de largeur, caractéristique qui est sensé être celle du acer liquid...

seulement voila, aprés avoir bien avancé dans le projet, j'ai fait mon premier test en ligne avec le vrai téléphone, et là surprise: l'écran fait en réalité 320px et non 480 en largeur... malgré que le javascript detecte 480 quand méme !

j'ai fait et refait des testes toute une journée, rien n'y fait, que ce soit une image taillé en 480 ou un rectangle bleu de width=480px dans le css, ça dépasse considérablement de l'écran ! et 320px est précisément la taille réel de l'écran.

je poste sur ce forum car je sais qu'ici il y a des spécialistes.

j'aimerais deja savoir si quelqu'un été au courant? est-ce que ce problème existe sur d'autre téléphone? d'ou vien ce problème ?

j'invite les curieux a essayer mon site avec leur téléphone: je fixe le css a 480px de largeur pour toute la semaine (car normalement ça détecte et gère d'autre formats) pour voir la version mobile du site il faut s'y connecté avec un aparail mobile, ou un navigateur mobile (opéra mobile)

http://www.cannes15.com.deb2515.oxyd.net

n'ésitez pas a me retourner vos commentaires,

Merci

[loop0]

Bonjour kerti

Désolé, mais je n'ai pas ce problème. En fait, si je tiens mon tel à l'horizontal, le site n'est pas

assez large : il reste une bande blanche sur le coté droit.

Par contre tél en position vertical : le site est trop large ( en fait il ne change pas de résolution

idem si je charge la page directement avec le tél en position vertical )

Acer liquid équipé d'android 2.1 ici.

Si ça peut aider.

[gaaradono]

Bonjour,

je viens de passer sur ton site, et effectivement il y a un problème.

Avec le téléphone à la verticale il s'affiche parfaitement à l'écran mais par contre il manque du contenu sur la droite.

Et à l'horizontale, j'ai une grosse barre blanche sur la droite mais il manque quand même le contenu de droite.

En gros il me manque des mots à chaque fin de ligne :(

Acer liquid 2.1 avec navigateur de base.

[kerti]

bonjour loop(),

ce que tu dis confirme mon problem:

l'acer liquid est sensé fair 480 pixel de largeur et 800 pixel de hauteur.

mon site que tu a visité, est réglé pour faire 480 pixel en largeur point barre./

lorsque tu tiens ton téléphone en mode divix (horizontalement) le site n'ai pas assez large, cela signifie que la largeur de ton téléphone (en mode divix, donc en gros la hauteur en mode normal) est supérieur a 480px, fort heureusement qu'elle l'ai vu qu'elle est annoncé comme étant de 800px, jusque la pas de problème

le probleme c'est lorsque tu tiens ton phone normalement, si la largeur de l'écran de l'acer liquid était réellement de 480px comme il est dit par le construction et méme par javascript (:s) le site devrait être parfaitement calé a l'écran vu que je l'ai fait exprès à 480px (vu que j'ai un acer liquid)

et je dis méme aprés plusieurs teste, que l'écran de l'acer liquid est de 320pixel de largeur et non 480

pourquoi personne ne s'en ai deja rendu compte? :s:s

a quoi bon préciser les résolutions des écrans si tout le monde s'en fiche ?

comment je fais moi pour developper mon site si je dois posséder tous les téléphones pour être certain de leur résolution?

mais ou va le monde?

[kerti]

alors pour les contenus qui dépassent c'est absolument pas grave, il faut uniquement se fier au couleur et au bandeau, j'ai un collègue qui travail sur les contenus et c'est lui qui fait son couscous avec le contenu donc si ça dépasse ce n'ai pas la le diléme.

essaye de te déplacer latéralement pour être certain que le site ne dépasse pas sur la droite, les menu "Acceuil - Adresse" doivent étre parfaitement centré lorsque la page est a l'échelle.

si ça fonctionne sur certain et pas sur d'autre je vais devenir fou

ne parlons plus de tenu du téléphone horizontal, seul la tenu normal importe.

Modifié 26 juillet 2010 par kerti

[kerti]

-

Modifié 26 juillet 2010 par kerti

[gaaradono]

Ha d'accord, bah à ce moment la c'est bon, la page est exactement à la bonne taille, je ne peux pas me déplacer à gauche ou à droite, que de haut en bas, normal quoi :)

Désolé si mon cas te rend fou XD

[Se7h]

Pour ne pas avoir de soucis mets tout simplement un « width: 100%; » avec un « margin: 5px; » histoire que cela ne colle pas le bord de l'écran, normalement avec çà la page prendra toute la largeur que ce soit en portrait ou en paysage ;)

Édite : Après cela ne règle pas tout les problèmes, car il semblerai que le bloque du texte (ou un autre) demande une largeur plus large que la taille au tu avais fixé (qui était la bonne vu que le texte est coupé aussi en mode paysage).

Modifié 26 juillet 2010 par Se7h

[kerti]

@gaaradono: si ton acer liquid fait bien 480px de largeur et le mien 320, effectivement je vais devenir fou...

au moins loop0 a le mm problem que moi, je me sent moins seul.

mon model est le S100, quel est le tien ?

@Se7h: le bandeau du site est une image .jpg, faire un width=100% ne fixera que la couleur du menu, le contenu et le pied de page, tendis que le bandeau dépassera quand même.

Concernant le texte qui déborde, c'est le contenu qui est en fait un article joomla mal formaté, c'est pour ça que ça déborde ça n'a aucune importance pour le moment.

je suis face a un grand mystére...

[Dwd]

Je ne sais pas si tu as trouvé la solution depuis, mais moi je vois le site dans sa largeur complète sur mon liquid (le menu accueil etc est bien centré et le header est visible complètement).

[Aypee]

Hello,

Pour ma part le bandeau "Accueil - Adresses" est bien centré, mais le texte est coupé à droite. Quand je zoome, le texte est toujours coupé à droite.

Si cela peut aider... ;)

EDIT: pour le texte, je viens de relire le fil et découvre que ce n'est pas important, alors tout est OK! (mais perso, à cette résolution, les caractères sont trop petits pour être aisément lisibles par mes yeux fatigués...)

(Acer Liquid en Android 2.1)

Modifié 27 juillet 2010 par Aypee

[quyTam]

@kerti, t'es sûr que t'as bien un Acer liquid ?

As-tu essayé d'installer Andromax ? il affiche les caractéristiques du téléphone (dont la résolution).

Sinon essais une application qui nécessite une résolution WVGA pour voir si c'est compatible (il n'y en a pas qui me vienne à l'esprit maintenant, mais je sais ça existe)

[kerti]

oui c'est sûr que j'ai bien un acer android S100 (lol) acheté dans une boutique bouygue, comme je vous dis, même le javascript detect 480px !

vous avez quoi comme navigateur ? celui par defaut?

j'ai plein de jeu en l'occurence tous les storm8 et ça passe nikel.

donc mes infos andromax:

-Ecran: 480*800 (240dpi)

systeme:

-modéle: Liquid acer/a1

-android OS: 1.6 (acer_liquid_2.000.16_EMEA_GEN1)

...

[Se7h]

@gaaradono: si ton acer liquid fait bien 480px de largeur et le mien 320, effectivement je vais devenir fou...

au moins loop0 a le mm problem que moi, je me sent moins seul.

mon model est le S100, quel est le tien ?

@Se7h: le bandeau du site est une image .jpg, faire un width=100% ne fixera que la couleur du menu, le contenu et le pied de page, tendis que le bandeau dépassera quand même.

Concernant le texte qui déborde, c'est le contenu qui est en fait un article joomla mal formaté, c'est pour ça que ça déborde ça n'a aucune importance pour le moment.

je suis face a un grand mystére...

Je parlais pour le problème du texte coupé, car comme Dwd je n'ai pas de problème pour le menu et le header, d'ailleurs pour un site mobile il faut mieux éviter de mettre une image de taille fixe en header, car tu ne peux pas connaître la résolution du smartphone de tes visiteur, d'où le « width: 100%; » ;)

[kerti]

tu penses vraiment que si je met la taille de l'image en width=100%, elle va s'adapter aux diférentes tailles d'ecrans?

moi je crois plutôt qu'elle va se répéter bêtement si l'écran est plus large que sa taille en pixel.

honnêtement si tu sais comment faire pour qu'une image s'adapte je veux bien que tu m'expliques comment faire.

[Se7h]

Je disais d'appliquer le « width: 100%; » pour le body, utiliser que des pourcentage pour tout les bloques par la suite, et de supprimer complètement ton header (ou mettre une bande qui pourrait se répéter à l'infini à l'horizontal via « background-repeat: repeat-x; »).

Ensuite si tu insistes pour mettre ton image, pour qu'elle s'adapte il faut que tu utilises la balise img (et non un backgroud-image sur un bloque, mais je ne pense pas que cela soit ton cas) et que tu mettes le « width: 100%; », le seul hic sera que lorsque l'utilisateur aura une résolution plus large que ton image, l'image sera pixelisé, pour palier à ce soucis tu peux mettre une image d'une largeur de 800px ou plus ;) (mais vu la taille cela va à l'encontre d'un site pour mobile :s).

Utiliser les pourcentages pour une image est plutôt rare et à éviter, mais pourquoi pas...

Édite HS : Pourquoi l'heure du forum a une heure de retard, alors que j'ai bien activé l'heure d'été dans mon profil ?

Modifié 27 juillet 2010 par Se7h

[kerti]

salut se7h,

je te remercie pour ces infos, je teste cette solution cette aprem.

je reste cependant septique car mon phone crois être en 480px, mais bon si ce problem ne touche que moi, tant pis ! ou tant mieux !

[kerti]

bon donc la balise img est trés mal interprété par les navigateur mobile, voir méme interdite, elle ne fonctionne pas.

j'ai mis des 100% partout donc tout sauf l'image est en relatif et j'ai choisi une image petite et centré. Donc quelque soit la résolution normalement ça devrais le faire.

[color=red][b]sa[/b][/color] nechange pas le fait que mon acer liquid soit en 320px de largeur quoiqu'en dise andromax...

je vous invite a aller jéter un coup d'oeil.

bisous