consiglio su migliore soluzione per 3 div centrali

[gabar-el]

ciao
mi chiedevo quale è il migliore modo per centrare orizzontalmente 3 div.
specifico che il layout deve essere liquido. Ho provato alcune soluzioni, ma incappo sempre in qualche piccolo errore.
grazie

[fcaldera]

Una delle possibili soluzioni

<div id="cnt">
   <div>1</div>
   <div>2</div>
   <div>3</div>
</div>


#cnt { width: 80%; margin: 0 auto; height: auto; overflow: hidden; border: 1px #ccc solid; }
#cnt div { float: left; display: inline; width: 33.33%; }

[gabar-el]

grazie fcaldera,
mi ero fissato sul layout a 3 colonne e mi perdevo siccome devo dare bordi e margin a ogni div, avevo comunque provato questa soluzione ma non sono riuscito, ora riprovo.

[gabar-el]

direi che sono riuscito piuttosto bene.
anche se ho risolto la questione margin mi chiedo come impostarli al meglio. quanto togliere in percentuale rispetto ai margin dati a ogni div interno?
:master:

[gabar-el]

ho fatto varie prove in questi giorni leggendo anche qua e la.
il problema rimane.
la mia necessità è di centrare 3 div (che hanno border) all'interno di un altro div.
i div interni hanno un border di 5px e devono rimanere centrati indipendentemente dal ridimensionamento della finestra.

ad ora sono riuscito al massimo a trovare soluzioni ottimali che danno dei margin in % ma che fanno rimanere uno spazio di troppo al div interno di destra. questo fa si che prima o poi ingrandendo la finestra esso non basti più e il div slitti in basso.

e non do i border riesco bene, ma dando i border mi perdo, anche perchè li do ovviamente in px e rimanendo fissi non permetteno più di avere tutto un contesto proporzionato durante il ridimensionamento.



continuerò alcune prove, ma dubito di riuscire.
al momento mi viene in mente di creare un immagine per i bordi, ma sarebbe un peccato visto che uso la proprietà border-radius dei css3

spero in preziose info...
grazie