Come rendere codice banner adattabile per tutti i dispositivi

[Finlay]

Ciao a tutti,
in rete ho trovato questo codice per rendere 3 banne affiancati e quando non ci stanno più si incolonnano

<div align="center"><a rel="nofollow" href="URL_ONE" target="_top">
<style>
.fixed-ratio-resize { /* basic responsive img */
    max-width: 100%;
    height: auto;
    width: auto\9; /* IE8 */
}
</style>
<img class="fixed-ratio-resize" src="BANNER_ONE"></a>&nbsp;

<a rel="nofollow" href="URL_TWO" target="_top"> 
<img class="fixed-ratio-resize" src="BANNER_TWO"></a>

&nbsp;

<a rel="nofollow" href="URL_THREE" target="_top"> 
<img class="fixed-ratio-resize" src="BANNER_THREE"></a>

</div>

Il problema è che i banner devono essere di dimensione fissa, e quando vado su schermi larghi ci passa un sacco si spazio vuoto ai lati: idem quando si incolonnano.
Si riesce a fare in modo che i banner si allarghino al massimo occupando tutta la larghezza del monitor? Di modo che da pc siano infilati su una riga, e quando lo vediamo su monitor più stretti si incolonnino ma allargandosi così da riempire tutto lo spazio.
Grazie

[graffithouse]

devi impostare na dimensione massima per i banner allora. al codice devi modificare il

max-width: dimensione_massima_scelta ;

ed aggiungere al tuo codice

width:100%;