CSS e ridimensionamento finestra browser

[marmottattenta]

Ho iniziato da poco a provare a creare un sito web cartografico per lavoro/studio (stage finale di un master) e sto cercando di usare i CSS anche per la struttura delle pagine stesse.
Dovrei creare una pagina con la struttura che vedete nell'immagine allegata. Dopo aver letto le guide sui CSS del sito, ho provato a seguire le istruzioni di due articoli "web design con le griglie" e "Float: teoria e pratica".
La pagina (almeno con firefox e per il momento è sufficiente!) si vede bene con tutto al suo posto... se non provo a rimpicciolire la schermata di firefox.
Nel CSS ho usato come unità di misura i pixel, come suggerito negli articoli.
Quali potrebbero essere le cause del problema? :master:

Grazie in anticipo

Laura

[marmottattenta]

ecco l'allegato

[Samleo]

Dovevo usare le % invece che le misure in px

[marmottattenta]

Grazie!
Infatti la situazione è migliorata. Adesso i div si ridimensionano bene. Le immagini rimangono ancora con dimensioni fisse. Esiste qualche sistema per farle ridimensionare come gli altri elementi?
Grazie ancora

Laura

[Samleo]

Far dimensionare le immagini in base alla finestra del browser dici??..

Hai provato sempre con le percentuali..altrimenti nn saprei :master:

[NuxiL]

Potresti farlo anche usando correttamente i margini.

[Samleo]

I margini??

[NuxiL]

Sì.. io l'ho sempre fatto impostando i margini
(esempio stra-semplificato)
<div id="contenitore">
Prova
</div>

#contenitore {margin: 20px 40px 20px 40px;}

Se si rimpicciolisce la schermata il div si "stringe" per mantenere i 40px di margine a destra e a sinistra..

O ho sbagliato a capire la domanda? =/

[Samleo]

A ma ti riferivi sempre alla prima domanda..poi ha chiesto per le immagini

[marmottattenta]

Originariamente inviato da Samleo
Far dimensionare le immagini in base alla finestra del browser dici??..

Hai provato sempre con le percentuali..altrimenti nn saprei :master:

Effettivamente ... sono proprio un'idiota!

Grazie molte

Laura