Ciao a tutti.
CSS è davvero complicato per me ... sono ore che cerco e che provo a centrare una griglia di immagini senza riuscirci ....

qualcuno potrebbe darmi una mano ?
mi rimane sempre sulla sinistra dello schermo.
mi occorre con dimensione 100% perché se metto la misura in px quando la riduco le immagini non vanno una sotto l'altra ma rimangono allineate in orizzontale.

vi posto il codice e la pagina di prova

--------------------------------------------------------------

<style type="text/css">


#main {
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}


.affianca {
float:left;
}

.affianca img {
width:250px;
}


</style>



<div id="main">


<div class="affianca">
<img src="images/collezione1.jpg"><br>
<img src="images/collezione5.jpg"><br>
<img src="images/collezione9.jpg">
</div>


<div class="affianca">
<img src="images/collezione2.jpg"><br>
<img src="images/collezione6.jpg"><br>
<img src="images/collezione10.jpg">
</div>


<div class="affianca">
<img src="images/collezione3.jpg"><br>
<img src="images/collezione7.jpg"><br>
<img src="images/collezione11.jpg">
</div>


<div class="affianca">
<img src="images/collezione4.jpg"><br>
<img src="images/collezione8.jpg"><br>
<img src="images/collezione12.jpg">
</div>


</div>

--------------------------------------------------------------

http://www.mauweb.com/prova.asp