Container width elements float width percent

[mirko000]

Ciao a tutti,
ho questa situazione
+-----Container----------------+
+-float-++-float-++-float-+

Vorrei che il container prendesse la dimensione in base ai div sottostanti..
Se setto la width dei div sottostanti con una dimensione secca (es. 50px) allora il contenitore prende la width giusta, altrimenti no.
A me serve che restino in %

<style>
.div{
	float: left;
	width: 5%;
	position: relative;
}
.container{
	display: inline-block;
}
</style>
<div class="container"> 
	<div class="div">ciao</div>
	<div class="div">ciao2</div>
	<div class="div">ciao3</div>
	<div class="div">ciao4</div>
	<div class="div">ciao5</div>
	<div class="div">ciao</div>
	<div class="div">ciao2</div>
	<div class="div">ciao3</div>
	<div class="div">ciao4</div>
	<div class="div">ciao5</div>
</div>

[Prill]

la percentuale è sempre calcolata in base alle dimensioni del contenitore, quel 5% quindi in base a cosa va calcolato? (dato che il contenitore deve adattarsi alle dimensioni dei contenuti e quindi non ha dimensioni specificate?)

[mirko000]

Vorrei che si addattasse alla finestra.. (al browser..)

[mirko000]

Cioè.. quel 5% lo vorrei relativo al browser

[Prill]

allora via al div contenitore l'inline-block, non sarà necessarii specificare per esso nessuna dimensione perché si estenderà per tutta la larghezza

aggiungo: non usare come nomi dei selettori nomi di tag, è preferibile scegliere un nome diverso per la tua classe .div

[mirko000]

Si ma cosi non avrò più la larghezza al contenitore!
Il mio fine è centrare i float all interno della pagina..
+------------pagina-----------+
+float++float++float++float+

[Prill]

allora, poiché hai 10 div e la loro larghezza totale è del 50% assegna al contenitore una larghezza del 50% e imposta i margini destro e sinistro su auto (tieni conto di eventuali margini, padding e bordi che si sommano alla larghezza impostata)

[mirko000]

Se facessi come dici tu il contenitore prenderebbe il 50% del browser e i div il 5% relativi al contenitore..
Io sto facendo questo per far si che si adatti alle varie risoluzioni.. sto lavorando sul responsive..
Prima che mi prendi per matto

[Prill]

Se facessi come dici tu il contenitore prenderebbe il 50% del browser e i div il 5% relativi al contenitore..
Io sto facendo questo per far si che si adatti alle varie risoluzioni.. sto lavorando sul responsive..
Prima che mi prendi per matto

il contenitore dovrà essere il 50%, questo si evince da tutto il tuo discorso, a quel punto i div interni saranno del 10% (occupando tutta la larghezza)

oppure, assegna al primo div un margine sinistro pari al 25% e a quello destro un margine destro pari al 25%

altrimenti: l'inline-block non devi comunque darlo al contenitore, che non hai necessità che sia un blocco interno, ma assegnarlo invece ai div contenuti (eliminando il float) e impostare un text-align:center sul container