Centrare div class in div container

[Vincent.Zeno]

Questa è la pagina incriminata:
http://www.creazionespettacoli.net/index_prova.asp
all'interno del <div id="contenitore"> non riesco a centrare i <div class="corpo">
Come mai, come dovrei fare?
al momento ho scritto:

/* Stile contenitore */
div#contenitore {
align:center;
clear: left;
width:100%;
border: 1px solid red;
}

/* Stile div corpo */
div.corpo {
align: center;
float: left;
border: 1px solid white;
width: 20%;
}

/* Stile paragrafo nel corpo */
.corpo p {
color: #FFFFFF;
text-align: right;
}

So che align: center; non va bene, ma che devo fare?

[Zulkifar2]

ma soprattutto non va bene float:left; che te lo mette a sinistra..
prova con margin:auto;
e fammi sapere che non sono sicurissimo nemmeno io..

[Vincent.Zeno]

ci sono tre div class che devono stare allineati,
per questo c'è float:left;

margin:auto; ho già provato ma non funge

[Zulkifar2]

e allora passo la palla a chi gioca meglio di me...

[pierofix]

Ahahah. Non commento il messaggio divinatorio inviatomi da Vincent e qui colgo l'occasione per chiederti di evitare di sparare certe frecciate alle due di pomeriggio: mi vien troppo da ridere. (Ma grazie comunque. )

Venendo a noi, io farei così:

/* Stile contenitore */ 
div#contenitore { 
   text-align:center; 
   clear:left; 
   width:100%; 
   border:1px solid red; 
} 

/* Stile div corpo */ 
div.corpo {
   float:left; 
   border:1px solid white; 
   margin:auto 40%;
} 

/* Stile paragrafo nel corpo */ 
.corpo p { 
   color: #fff; 
   text-align:right; 
}

Spero di aver colto il tuo problema.

[Vincent.Zeno]

E no Pirofix!
Così non va: io ti idolatro e tu ti smentisci così al primo colpo?
Rimarrò digiuno una settimana per riprendermi!

Devo allineare i tre div class (quelli bianchi), al centro del div contenitore (quello rosso). Mica il testo!

[pierofix]

Adesso mi è più chiaro (prima non avevo colto ). Mmm... :master: vediamo...

Usando il float, purtroppo, crei discontinuità nel render della pagina. Io, sinceramente, non saprei come (e se esiste) un modo per fare ciò che vuoi con sono quel markup.

A meno che... :idea: Hai provato a dare un padding laterale al contenitore? Oppure, che ne dici di assegnare un id ai tre div e dare un margine sinistro al prima, nulla a quello centrale e un margine destro all'ultimo?

[Vincent.Zeno]

Ho capito, faccio delle prove e poi faccio sapere.
Credevo bastasse una istruzione, ma vedo che devo aggirare l'ostacolo.

[pierofix]

Originariamente inviato da Vincent.Zeno
Ho capito, faccio delle prove e poi faccio sapere.
Credevo bastasse una istruzione, ma vedo che devo aggirare l'ostacolo.

Mi spiace, ma in questo stato sonnolento non vedo altre vie.

[edy72]

se è possibile aggiungere un div, ti propongo questa soluzione:

css

/* Stile contenitore */
div#contenitore {
text-align:center;
float: left;
width:100%;
border: 1px solid red;}

/*stile aggiunto*/
div#centrato {width: 60%;
 margin-left: auto;
 margin-right: auto;
}

/* Stile div corpo */
div.corpo {
float: left;
border: 1px solid white;
width: 32%;
}

xhtml

<div id="contenitore">
<div id="centrato">
<div class="corpo">



AAAAAA</p>


AAAAAAA</p>


AAAAAA</p>
</div>

<div class="corpo">



BBBBBBB
</p>



[img]index_prova.asp_files/Barbie.htm[/img]
</p>


BBBBBBBBB
</p>
</div>

<div class="corpo">
<p align="center">
CCCCCCCCC
</p>

<p align="center">
CCCCCCCCCCC
</p>

</div>
</div>
</div>

ciao!!