Allineare DIV all'interno di un DIV

[stefx78]

Ciao a tutti, ho un div a all'interno ci vorrei posizionare 3 div, di cui 1 a sinistra, 1 a destra e 1 al centro... Credevo di esserci riuscito (anche se la soluzione non mi pare ottimale) mma con Firefox fa casino... come posso fare? per adesso ho fatto così:
Grazie!

CSS
.contenitore { width:550px; margin: 0 auto; text-align: left; clear: both;}

.divsx{
width:155px;
height:155px;
float:left;
}
.divcentro {
width:155px;
height:155px;
margin-left: 42.5px;
position: absolute
}
.divdx{
width:155px;
height:155px;
float:right;
}

HTML:
<div class="contenitore">
<div class="divsx"></div>
<div class="divcentro"></div>
<div class="divdx"></div>
</div>

[M@nu]

secondo me ti conviene metterli tutti float left e senza position: absolute

[stefx78]

Ma se faccio così il terzo (quello a destra) mi va sotto.... non rimane sulla stessa riga!
Grazie comunque!
Stefano

[Luke31]

Puoi fare cosi:

.divsx{
clear:both;
float: left;
width:155px;
height:155px;
}
.divcentro {
width:155px;
height:155px;
margin-left: 42.5px;
float:left;
}
.divdx{
width:155px;
height:155px;
float:left;

}

HTML:
<div class="contenitore">
<div class="divsx"></div>
<div class="divcentro"></div>
<div class="divdx"></div>
</div>

Ti funziona a questo modo?

[stefx78]

Sì! Grazie...
Stefano

[stefx78]

Ti funziona a questo modo?

Contrordine!!! Facendoci caso, ho visto che pur venendo affiancati, non vengono centrati rispetto al div contenitore. Ho infatti provato a togliere l'attributo WIDTH e mi vengono allineati a sinistra e non al centro... come devo metter eil div contenitore in modo che sia al centro della pagina esatta?
Prima era

.contenitore { width:550px; margin: 0 auto; text-align: left; clear: both;}

Grazie!
Stefano

[stefx78]

uppettino...

stefano

[M@nu]

Originariamente inviato da stefx78
Ma se faccio così il terzo (quello a destra) mi va sotto.... non rimane sulla stessa riga!
Grazie comunque!
Stefano

va a capo perchè firefox non prende il mezzo punto quindi i margini te li porta a 43



così statto tutti in riga:

.contenitore {
width:550px;
margin: 0px auto;
clear: both;
background-color: #000000;
}

.contenitore div{float:left;}


.divsx{
background-color: #0000FF;
width:155px;
height:155px;
}
.divcentro {
background-color: #00FF00;
width:155px;
height:155px;
margin-left: 42px;
margin-right: 42px;
}
.divdx{
background-color: #FF0000;
width:155px;
height:155px;
}

ciao, manu

[M@nu]

Cmq qui trovi di tutto e di più

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

M@

[fra80x]

Salve ragazzi.

Un modo per allineare tre div all'interno di un div contenitore (tipico di un piè di pagina)
potrebbe essere questo:

XHTML (notare l'ordine dei div, altrimenti non funziona):

<div id="contenitore">
	<div id="sinistra"></div>
	<div id="destra"></div>
	<div id="centro"></div>
</div>

CSS (qui invece l'ordine è irrilevante):

div#sinistra{float: left; width: 20%; text-align: left;}
div#centro{text-align: center;}
div#destra{float: right; width: 20%; text-align: right;}

La cosa importante è attribuire una larghezza (width) identica ai div destro e sinistro
altrimenti il testo del div centrale non risulterà centrato.
Per vedere cosa accade attivate i border.

Spero di esservi stato d'aiuto!
Fra

PS: non uso win quindi non so se tale codice funziona su IE.