Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Posizionamenti con CSS: visualizzazione con Mac

    Sto faticosamente mettendo insieme questo sitarello
    http://www.maxesilvia.it
    sforzandomi di ricorrere il meno possibile alle tabelle e a istruzioni non conformi agli standard w3c.

    Quindi grosso studio dei fogli di stile e conseguente disperato studio di tests e istruzioni Javascript per superare le pallosissime differenze tra browser.

    In particolare mi sono ammattito per posizionare il riquadro principale al centro della finestra in maniera che ciò funzioni sia con Firefox che con Explorer.

    Alla fine raggiungo il mio scopo, sono contento, finchè non vado da un mio amico che ha il Mac e scopro che, sia con Safari che con IE per mac, il mio bel riquadro è stato tutto spinto nella parte superiore dello schermo, al punto che se ne vede solo la metà inferiore

    Ho fatto qualche ricerca in questo Forum (la più grande miniera di sapere che conosca), ma non ho trovato alcuna indicazione utile

    L'unica cosa che mi viene in mente è un test che, se il margine superiore risulta essere un numero negativo, gli muove 0 o un valore predefinito: devo provare

    se qualcuno potesse darmi qualche dritta gliene sarei veramente grato
    ---------------
    manos arriba
    esto es un robo
    ---------------
    http://www.maxesilvia.it

  2. #2
    Sto faticosamente mettendo insieme questo sitarello
    http://www.maxesilvia.it
    sforzandomi di ricorrere il meno possibile alle tabelle e a istruzioni non conformi agli standard w3c.
    Ah si? e allora il codice della pagina che contiene solo tabelle?!?

    L'idea è carina, ma realizzata, IMHO troppo in fretta:
    1. troppo js.
    Quindi grosso studio dei fogli di stile e conseguente disperato studio di tests e istruzioni Javascript per superare le pallosissime differenze tra browser.
    ottima idea studiarsi i css, ma lascia stare js per le differenze. Si risolve tutto utilizzando correttamente l'html e i css. Anche il problema di accentrare il riquadro si risolve con css.
    2. Usabilità. Il tuo sito IMHO non è semplice da capire. andandoci sopra uno non sa dove andare, e solo con un po di fatica riesce a capire come lavorarci. Sembra quasi un sito studiato per flash, e realizzato in html.
    3. Parti dal codice. Fatti un'idea di come deve venire alla fine il sito, ma inizia a scriverlo senza alcuna impostazione grafica, come se chi lo guardasse non avesse a disposizione i css. Poi gli assegni la grafica con i fogli di stile.

    Per mac, non considerare troppo IE, molti bug e poco utilizzato, ma prendi in considerazione safari.
    http://www.w3schools.com/browsers/browsers_stats.asp

    buon lavoro

  3. #3
    ti ringrazio

    non ho capito una cosa:
    mi dici di risolvere la centratura del quadro e le differenze di browser senza ricorrere al codice js, con i fogli di stile...ma sono loro la causa principale di differente visualizzazione tra browsers

    ho provato (margin = auto e cose del genere) ma è un casino
    alla fine l'unica cosa è stata calcolarsi l'ampiezza della finestra in js, testando di conseguenza il browser perchè il nome dell'attributo varia.

    Sì, per tenere attaccati insieme tutti i pezzi dell'immagine ho dovuto aiutarmi con lo slicing di Image Ready (e di conseguenza intabellarli)

    L'usabilità fa schifo, è vero, avevo messo in conto che sarebbe risultata un po' penalizzata, ma così è troppo ... però il disegno di fondo mi piaceva e volevo basare tutto su quello...l'idea della pagina unica che si popola man mano che si cliccano i pulsanti mi piaceva moltissimo

    essendo una galleria di lavori di grafica, chi lo va a vedere spesso ha Mac .... e Safari che lo taglia a metà è un problema...


    Bah ... alla fine mi sa che proverò con Flash ...
    ---------------
    manos arriba
    esto es un robo
    ---------------
    http://www.maxesilvia.it

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.