• P
    User Newbie •

    Come impostare la width per mantenere massima accessibilità?

    Ciao,

    sto realizzando un sito dedicato per dispositovi mobili (PDA e smartphones). AL momento eseguo i test con un Nokia N80 (per smartphones) e l'emuatore di VS 2005 con Windows Mobile 5.0 (per PDA).
    Ho realizzato il sito. Attraverso l'emulatore di Windows Mobile alcuni link e label non rispettano il float image mentre sull'N80 avviene il contrario (quei lin e label si vedono bene, ma altri elementi (ad es. la form di login è tutta sballata) non vengono riprodotti adeguatamente. Il problema principale sembrerebbe relativo a pocket explorer, dato che con il browser nokia il sito viene riprodotto quasi tutto bene (anche se con caratteri microscopici dato che altrimenti risultano troppo grandi per l'emulatore di Pocket PC).

    Qualcuno saprebbe suggerirmi il modo migliore per dimensionare i vari elementi (tables, lables, ecc.)?
    Al momento uso un layout liquido (senza quindi impostare la width pr i contenitori) e la notazione em (ossia legata alla gradezza dei font) per dimensionare alcuni elementi come lables ecc.

    Grazie a tutti in aticipo! image

    0
  • K
    Super User •

    Ciao Paco e benvenuto nel forum GT 🙂

    Scusa per la latitanza e l'attesa nella risposta innanzitutto.
    Non ho mai avuto a che fare con una situazione simile ciò che però mi viene in mente è che pocket explorer possa seguire le regole del suo confratello "internet explorer" ma quale versione non saprei dire.
    In ogni caso secondo me sarebbe opportuno che studi il tuo layout attraverso div impostati anch'essi con una percentuale in modo che il tuo sito vada ad adattarsi perfettamente alle varie dimensioni dei dispositivi.

    Poi il problema potrebbe rimanere come al 90% dei casi sull'uso di alcune proprietà un pò macchinose come margini e padding i quali sono visti in maniera diversa dai vari browser; potrebbero essere una delle cause della tua visualizzazione errata.

    In ogni caso facci sapere se nel frattempo hai risolto qualcosa 🙂

    Ciao!

    0
  • P
    User Newbie •

    Ciao karedas,

    essendo un sito dedicato per dispositivi mobili, avevo ottimizzato il layout per un display ridotto. Infatti con l'emulatore si vede bene, ma con un browser desktop la disposizione degli elementi è pessima. Viasualizzando il sito con il browser nokia gli elementi sono quasi tutti perfetti, ma risultano troppo piccoli. Cio' non è dovuto solo al fatto che tale browser visualizza i caratteri con un font ridotto, ma gli elementi stessi per essere accettati in maniera decente dal pocket explorer devono essere in un qualche modo "ridotti", altrimenti l'utente deve eseguire lo scroll orizzontale (da evitare in PDA e smartphones).

    A parte rare eccezioni uso il layout liquido che equivale ad impostare width:auto o 100%. Ossia per oggni form o table dico di prendere il massimo dello spazio disponibile.

    Nei prossimi giorni cercherò di risolvere tai problemi, nel frattempo se qualcuno sapesse suggerirmi qualche fonte relativa a CSS e dispositivi mobili ne sarei grato.

    Grazie

    0
Effettua l'accesso per rispondere