3 Div al centro della pagina

[KingWoody]

Ciao a tutti ragazzi,

devo centrare 3 div in una pagina. Mi spiego meglio: i tre div devono essere allineati tra loro, uno sarà il form per il login, uno un video, e l'ultimo la registrazione.
Facendo un div che contiene i 3 non funziona..
Per il momento io mi sono arrangiato facendo che vede la risoluzione dello schermo, poi aggiorna la pagina e ricarica la pagina sistemata per la risoluzione dello schermo. Tuttavia questo metodo penso sia molto precario e molto poco elegante..

Avete qualche idea? Grazie in anticipo!

[Mich_]

Idee ne abbiamo molte, e tante sono gia` state espresse nel forum.

Il problema e` che da quanto dici non si riesce a capire cosa vuoi.
I 3 div devono essere uno spora l'altro, uno accanto all'altro, devono avere spazio tra uno e l'altro, hanno tutti la stessa larghezza/altezza ...

Come vedi le possibilita` sono molte, e ciascuna ha una sua soluzione diversa.

Puoi fare una ricerca nel forum per trovare le numerose risposte che gia` ci sono ... oppure puoi spiegarti meglio (magari con un disegnino).

[sgogghy]

Ecco un esempio, spero sia chiaro

<style >
#big_box{
width:620px;
position:absolute;
top:40%;
margin-left:310px;
background:#aaaaaa;
padding:20px;
}

#box1{
background:#000000;
width:160px;
padding:20px;
height:50px;
color:#ffffff;
float:left;
margin-right:10px;
}

#box2{
background:#fba941;
width:160px;
padding:20px;
height:50px;
color:#ffffff;
float:left;
margin-right:10px;
}

#box3{
background:#c93f31;
width:160px;
padding:20px;
height:50px;
color:#ffffff;
float:left;
}
</style>


<div id="big_box">

<div id="box1">BOX 1</div>
<div id="box2">BOX 2</div>
<div id="box3">BOX 3</div>

</div>

[Mich_]

Ma il problema e` centrare il #big_box nella pagina oppure posizionare i tre #boxX dentro il #big_box?

E perche` usi i posizionamenti assoluti? Di solito creano piu` problemi di quanti ne risolvano (consiglio: vietato usare i posizionamenti finche` non si sa esattamente cosa si vuol fare e gli effetti collaterali che danno)

E non vedo una height per il #big_box: dato che i tre blocchi float sono fuori da flusso, probabilmente il brwoser lo vede vuoto.

[sgogghy]

Tutti i browser lo vedono perfettamente (anche IE).
Inoltre è stato chiesto di posizionare le div al centro della pagina e io ho utilizzato il posizionamento assoluto; se invece viene specificato dove deve essere posizionato allora possiamo vedere altre soluzioni.
E' stato specificato che bisogna posizionare 3 div al centro della pagina e io ho scelto la soluzione di raggrupparlo in un unico div e di posizionare quest'ultimo nel centro della pagina (una soluzione come un'altra).
Le altezze non le ho definite perchè in questo modo tutte le div sono auto-adattabili in base all'altezza in base a contenuto di ogni div.

[KingWoody]

Ragazzi scusate la risposta in ritardo. Comunque faccio prima a linkarvi direttamente la pagine: link . Ecco qui, i div sono in successione tra loro orizzontalmente..

[sgogghy]

Bè quindi il mio esempio ti è stato utile?

[KingWoody]

Ancora non l'ho provato. Lo provo e ti faccio sapere. Grazie mille!

[sgogghy]

Ok, no problem

[KingWoody]

Ho fatto una prova con un Aspire One.
Ecco il risultato con il tuo codice :/