Différences d'affichage Webview?

Bonjour,

J'ai un souci.
J'ai fait une page web mobile pour une application. J'ai pris en compte les différentes tailles d'écran de mobile.
Lorsque je lance ma page web avec le navigateur du Samsung Galaxy S3, celle-ci s'affiche bien.
Exemple:
http://hpics.li/be4c689

Alors que lorsque j'ouvre ma page sur notre appli, l'affichage est différent.
Exemple:
http://hpics.li/68669c8

Comment cela se fait-il?
Modifié par Yuuko (09 Aug 2012 - 10:34)

Sans la page en ligne difficile de répondre…

Voici l'url: https://dl.dropbox.com/u/67952571/INRIA/inria_aidedomicile.html
Modifié par Yuuko (09 Aug 2012 - 16:00)

Je ne sais pas si c'est ça qui fait merder mais il y a un trou entre les différentes résolutions gérées…

Édit : et des erreurs entre max et min…

Perso je ferais un truc comme ça :

   <link href="inria_aidedomicile.css" rel="stylesheet" media="all" /> 
    <link rel="stylesheet" href="inria_aidedomicile_android_720.css" media="only screen and (max-device-width: 720px), only screen and (max-width: 720px)" />
    <link rel="stylesheet" href="inria_aidedomicile_ipad.css" media="only screen and (max-device-width: 1024px), only screen and (max-width: 1024px)" />

Le premier fichier css contient les styles de base et puis les autres les modifs.

Concernant, les liens j'aurais créé un liste <ul><li> pas une suite de divs (c'est mieux au niveau sémantique html et accessibilité).
Modifié par Patidou (09 Aug 2012 - 17:30)