Ciao a tutti! :-)

Premetto che pur avendo una discreta conoscenza dell'html, trovo i CSS ancora abbastanza ostici perciò tendo a servirmi di "template" free come base dei siti basati su CSS.

Detto ciò, sto lavorando ad un sito basato su questo template: http://javascript.html.it/articoli/l...tml5-e-jquery/

Fin qui tutto bene, sito stupendo, template perfetto.
Il problema nasce perchè vorrei aggiungere a questo sito la possibilità di "adattarsi" ad ogni risoluzione di schermo, usando quindi la tecnica delle immagini liquide (vedi: http://css.html.it/articoli/leggi/24...-ed-elastiche/).

Il risultato che vorrei raggiungere è simile a questo: http://www.cfisherphotography.com/ga...o=&gallery=Art , come vedete le immagini si ridimensionano insieme alla finestra del browser e a seconda della risoluzione dello schermo.

Ovviamente ho provato a modificare il codice di base seguendo le istruzioni del tutorial che ho indicato sopra, ma purtroppo non riesco ad ottenere il risultato desiderato.

Potreste gentilemnte indicarmi le esatte modifiche che dovrei fare al primo layout per ottenere l'effetto "elastico"?

Grazie mille per l'aiuto!

Gio