allineare div con float:left al centro

[8003130124464]

Allora...il problema è questo :
Ho dei div (il numero non è costante) con larghezza ed altezza fissa a 150px.
Tutti i div hanno float: left ed in questo modo vanno uno di fianco all'altro;
Pur impostando l'allineamento centrale nella pagina i div si posizionano uno di fianco all'altro ma occupano lo schermo partendo da sinistra (causa del float: left)...
Secondo voi è possibile affiancare div mettendoli tutti al centro della pagina ? :master:

[Dartfira]

Per centrare un box c'è solo un modo.
se vuoi centrare questi div mettili dentro un altro div (div1) e sposta tutti i tuoi div qui dentro.
Fatto ciò dai un id al div1, con attributo

text-align: center;
margin: 0 auto;

;

(si ti sembrerà strano ma per centrare un box ie vuole questo).
Dagli una larghezza fissa, e così avrai un div perfettamente centrato.
Così dovrebbe andare bene, anche perchè l'allineamento centrale non esiste per i box.
Se magari posti il codice ti faccio vedere io come si fà.

[8003130124464]

Grazie Dartfira, ho capito come dici ma così facendo il div contenitore si allinea al centro, ma al suo interno gli altri div si allineano sempre sulla sinistra

Il codice è praticamente questo :

<div class="wrapper">
<div class="box">...</div>
<div class="box">...</div>
<div class="box">...</div>
<div class="box">...</div>
.....ecc. ecc.
</div>

Di cui

.wrapper {
margin: 0 auto;
padding: 0;
width: 80%;
text-align: center;
}

.box {
float: left;
margin: 10px;
padding: 10px;
width: 150px;
height: 150px;
text-align: center;
font: 11px/12px Verdana,Geneva,Arial,Tahoma,sans-serif;
border: 1px solid #BBBBBB;
background: #F9F9F9;
word-wrap: break-word;
overflow: hidden;
}

Se pur riuscissi ad allineare il .wrapper al centro della pagina, al suo interno i .box (di cui non conosco il numero perchè creati dinamicamente) si allineano sempre a sinistra

[Dartfira]

Allora prova a dare gli attibruti di wrapped a tutti gli altri box, così dovresti avere tutti i box centrati.

[8003130124464]

Wow..ho trovato...magari è una soluzione un pò sporca ma funziona :
ho sostituito i div con gli span così essendo inline non devo ricorrere al float:left e si allineano tutti al centro