Css compatibile con risoluzioni e browser

[damy11]

Ciao a tutti...mi sto rendendo conto che anche realizzando layout CSS che sul mio pc sono impostati bene e come voglio io...se visualizzo il mio stesso sito su un altro computer con una risoluzione diversa oppure sul mio smartphone, alcuni elementi vengono spostati e ottengo un risultato diverso da quello che voglio.
Potete darmi consigli e magari qualche guida da studiare e leggere per realizzare fogli di stile che diano lo stesso risultato su qualsiasi tipo di schermo e con qualsiasi browser?

Grazie

[explosivdymamic]

Originariamente inviato da damy11
Ciao a tutti...mi sto rendendo conto che anche realizzando layout CSS che sul mio pc sono impostati bene e come voglio io...se visualizzo il mio stesso sito su un altro computer con una risoluzione diversa oppure sul mio smartphone, alcuni elementi vengono spostati e ottengo un risultato diverso da quello che voglio.
Potete darmi consigli e magari qualche guida da studiare e leggere per realizzare fogli di stile che diano lo stesso risultato su qualsiasi tipo di schermo e con qualsiasi browser?

Grazie

Prima o poi tutti arrivano a questo punto, visualizzare il proprio sito da un altra risoluzione e vedere tutto il proprio lavoro distrutto.
Ma è una cosa normale, come puoi pretendere che da un cellulare o perché no da un televisore il tuo sito si veda in modo identico? Teoricamente con SVG potresti farlo ma non credo faccia al caso tuo.

Oltre ad avere buon gusto e colpo d' occhio è essenziale conoscere le tecniche più utilizzare per avere un design quasi uguale per tutti i dispositivi.
Qui entra in gioco il responsive design.
Ed ora smetto di parlare e ti consiglio qualche guida:
http://css.html.it/guide/leggi/225/r...sign-la-guida/
http://css.html.it/guide/lezione/514...eries-le-basi/
http://css.html.it/guide/lezione/55/layout-fluido/
http://www.fmdesignblog.com/come-svi...ut-fluido.html

[damy11]

Come immaginavo il lavoro da fare è molto e non semplice,ma non mi tiro indietro e studierò le guide che mi hai consigliato cercando di apprendere al meglio le varie tecniche per raggiungere il mio scopo

[damy11]

Bene dalle guide che ho letto e studiato, ho capito che le cose fondamentali per realizzare un layout fluido, e adottare il responsive design, sono le dimensioni in percentuali, i media queries, il meta tag viewoport e la conoscenza di alcuni codici javascript per adattare al meglio il layout allo schermo che sta visualizzando la pagina

Proverò a modificare il mio sito con i concetti che ho imparato e ti farò sapere

[explosivdymamic]

Originariamente inviato da damy11
Bene dalle guide che ho letto e studiato, ho capito che le cose fondamentali per realizzare un layout fluido, e adottare il responsive design, sono le dimensioni in percentuali, i media queries, il meta tag viewoport e la conoscenza di alcuni codici javascript per adattare al meglio il layout allo schermo che sta visualizzando la pagina

Proverò a modificare il mio sito con i concetti che ho imparato e ti farò sapere

Perfetto, vedo che ti sei messo all' opera!
Se hai problemi scrivi pure qui

[damy11]

Allora io ho capito quali sono gli elementi per i layout fluidi e come usarli...il problema è che non so a quali elementi devo applicarli

http://damyprogrammer.altervista.org/index.php?lang=it

Se provo a ridurre la pagina succede un casino con le immagini....come si risolve?

[damy11]

Nessuno?