<div class="container">
<div class="header"><!-- end .header -->TESTATA </div>
<div class="content"><img src="Immagine1-corpo-pagina.jpg"/><!-- end .content --></div>
<div class="footer">PIE DI PAGINA<!-- end .footer --></div>
<!-- end .container --></div>


Sono riuscito a costruirmi un layout dinamico (fluido) in 1 colonna e 3 righe in modo che la testata, il corpo della pagina e il footer si restringano fino a 400x400 pixel mantenendo le loro proporzioni ma... all'interno del corpo della pagina (la 2° riga centrale del layout) dovrei avere un'immagine e anche questa dovrebbe seguire il ridimensionamento di questa sezione ovvero avere di volt ain volta la width e l'height della sezione centrale (class="conten"). Come fare per ottenere questo ridimensionamento dinamico fino a 400x400 pixel di questa immagine?

Grazie infinite agli/alle esperti/esperte che mi illumineranno al riiguardo!