display e float

[cerbero]

ho appena scoperto che la stessa cosa che si puo fare con "float:left"
si puo fare anche con display: inline ... per esempio facendo diventare inline un div per affiancarlo a un altro....
ho capito bene o no?

 

[lukeonweb]

Si e no...

<div style="float: left; width: 100px;">A</div>
<div style="float: left; width: 100px;">B</div>

Funziona sia con IE che con FF alla perfezione.

<div style="display: inline; width: 100px;">A</div>
<div style="display: inline; width: 100px;">B</div>

Il width non viene preso in considerazione da FF.

 

[grottafelix]

ho appena scoperto che la stessa cosa che si puo fare con "float:left"
si puo fare anche con display: inline ... per esempio facendo diventare inline un div per affiancarlo a un altro....
ho capito bene o no?

Come ha gia detto il Padre, di funzionare funziona, ma bisogna vedere dove.
Quindi alla fine non funziona. Poichè tutto ciò che fai deve essere fullbrowser :mavieni:

 

[dead]

il display inline non rende gli oggetti indipendenti dal flusso del documento, ma semplicemente li mette in linea (toglie l'a capo), inoltre non funziona se un oggetto inline contiene al suo interno un oggetto display:block

il float invece (come il position absolute) fa "galleggiare" l'oggetto al di fuori del flusso: immaginati il float come una bolla d'aria in mezzo a dei pezzi di legno (gli altri oggetti) il tutto nell'acqua.

Il risultato quindi a volte e simile. Ma il concetto che sta dietro è diverso.

 

[sbobby]

Ottima spiegazione dead..Credo anche io che il float:left-right sia la cosa migliore e più stabile su tutti i browser!!!