quando metto 3 div in float left l'ultimo me lo mette a capo....

[Phone]

ho 3 div



<div style="float:left;width=25%;">

</div>

<div style="float:left;width=50%;">

</div>

<div style="float:left;width=25%;">

</div>


quindi il totale di questi 3 div uno affianco all'altro è di 100%

perchè l'ultimo div me lo mette a capo?e come se superasse il 100%

[Phone]

mi sto avvicinando da poco ai css e davvero non li capisco


allora se faccio cosi tutto ok mi mette i div uno affianco all'altro occupando il 100%

<div style="width:100%; background-color:#0F3;">
<div style="width:25%; background-color:#000; float:left;">
</div>

<div style="width:50%; background-color:#09C; float:left;">
</div>



<div style="width:25%; background-color:#63C;">
</div>
</div>

invece se faccio cosi l'ultimo div me lo mette a capo....ma dico io cosa cambia?? non è la stessa cosa? non raggiunge sempre il 100%.....mhà...

<div style="width:100%; background-color:#0F3;">
<div style="width:15%; background-color:#000; float:left;">
</div>

<div style="width:70%; background-color:#09C; float:left;">
</div>



<div style="width:15%; background-color:#63C;">
</div>
</div>

[Phone]

aggiungo che su firefox funziona bene
su IE no

[fcaldera]

è un problema di arrotondamenti più evidente in IE quando il motore di rendering cerca di convertire valori percentuali in pixel

prova a modifcare le percentuali in 24.99% e 49.99%

[Phone]

ora con IE va con firefox no.....

[fcaldera]

Originariamente inviato da Phone
ora con IE va con firefox no.....

ovvero? va a capo su firefox?

[Phone]

si cmq abbandono questa idea e faccio tutto piu' stretto

[fcaldera]

guarda che sull'ultimo div non hai messo float:left comunque.... se vuoi che si affianchi devi metterlo anche lì

[Phone]

provato

con IE funge con firefox no

 <div style="width:24.99%; border:solid 1px #000; float:left;">
dg
</div>
<div style="width:49.99%; border:solid 1px #000; float:left;">
erwg
</div>
<div style="width:24.99%; border:solid 1px #000; float:left;">
erwg
</div>

[carlomarangoni]

<div style="width:24.8%; border:solid 1px #000; float:left;">
dg
</div>
<div style="width:49.8%; border:solid 1px #000; float:left;">
erwg
</div>
<div style="width:24.8%; border:solid 1px #000; float:left;">
erwg
</div>