Magari la domanda sembreerà banale ai più esperti , ma non riesco proprio a realizzare quello che vorrei .

Ho un div ( container con width 100% ) che contiene dei div al cui interno sono delle iconcine di 225x150 ( sia i div che le icone ).

Vorrei che questi div si allineassero l' uno accanto all' altro fino a che ce ne stanno nel div container ( e fin qui , ok... ), e siccome dipende dalla risoluzione , vorrei che fossero centrati .

Mi spiego meglio : a risoluzione width 1440 ce ne stanno 6 .
225 x 6 = 1350 , quindi vorrei che il container tenesse presente questo e si centrasse lasciando 1440 -1350= 90 : 2 = 45 pixel a destra e 45 a sinistra.

Oppure:
width 1200 ( ce ne stanno 5 )
225 x 5 = 1125 ; 1200-1125 = 75:2 = 37.5
38 pixel a destra e 37 a sinistra ..

il tutto ovviamente in automatico , in modo da avere un layout che si adatti alle varie risoluzioni , ma sempre centrato .

Non ci riesco .. come devo fare ?


stralcio del css :

...

#container {
width:100%;
}

.div_icona {
width:225px;
height:150px;
margin:3px;
float:left;
}

...



grazie