Tre div allineati orizzontalmente

[wavemp]

Volendo evitare di creare una tabella con tre colonne, mi piacerebbe allineare tre div uno di fianco all'altro. Ho provato con un float left per uno, float right per l'altro, ma non so come posizionare il div centrale. Spero tanto mi possiate dare una mano.

[deleted_id_48586]

Puoi benissimo indicare a tutti e 3 FLOAT:LEFT;

Ricordati, obbligatoriamente, di indicare una larghezza specifica per ciascuno di essi.

Ciao.

[wavemp]

Giustissimo, oh non ci avevo pensato
Grazie 10.001

[Lorenzo.Oz]

Se volessi che questi div avessero un bordo e che occupassero tutto il contenitore come dovrei fare?

Es. Se metto a tutti 33.33% di larghezza uno va a capo perché ci sono i bordi che li rendono piu' larghi del contenitore...

[rosafanti]

ecco quà la soluzione alla quale però appendo anche la mia domanda...

#content{ padding:4px 10px 10px 10px;}
#left{ float:left; width:30%; background-color:#FFCC00; }
#center{background-color:#003399; margin:0 30% 0 30%; }
#right{width:30%; float:right; background-color:#CC0033; }

<div id="content">
  <div id="left">SINISTRA</div>
  <div id="right">DESTRA</div>
  <div id="center">CENTRO</div>
</div>

questo genera il risultato allegato

IO tra la colonna centrale e le altre due però volevo inserire delo spazio in px (35px).

Qualcuno sa come fare??????? AIUTO

[H5N1_Aviaria]

Per il center usa un valore maggiore del 30% (ad esempio 33%)

[rosafanti]

Mhhh, ok così lascia lo spazio in percentuale, io vorrei però avere spazio in px fissi, in pratica:
3 colonne fluide con spaziature tra di esse in pixel fissi, che è molto + elegante rispetto ad una spaziatura percentuale

[rosafanti]

risolvendo in modo poco elegante ho inserito un div all'interno di center e dato a center padding:0 35px;