[CSS] float

[antos]

Nelle numerose prove che ho fatto con i css mi sono inbattuto nella propietà float molto utile ma c'è un porblrma di interpretazione fra i browser e non capisco chi da l'interpetazioen corretta

mettiamo il caso di avere questo codice
<div id="box" >
<div id="floatbox" style="float:right;">
....
</div>
</div>

a questo punto se l'alezza del floatbox supera quella del box si ottiene
su IE6,Opera7,Amaya 8 che box si allunga
mentre mozzilla e i geko based il floatbox esce fuori dal box...ora chiedo quale browser fa l'interpretazione corretta?

[Kibi]

mettiamo il caso di avere questo codice
<div id="box" >
<div id="floatbox" style="float:right;">
....
</div>
<div style="clear:right;"></div>
</div>

Prova così

[antos]

la proprietà clear serva a non far posizionare nessun box a destra dell'elemento

[Mutato]

Originariamente inviato da antos
a questo punto se l'alezza del floatbox supera quella del box si ottiene
su IE6,Opera7,Amaya 8 che box si allunga
mentre mozzilla e i geko based il floatbox esce fuori dal box...ora chiedo quale browser fa l'interpretazione corretta?

A naso direi i primi tre, a meno che tu non abbia impostato height di box predefinito... allora avrebbe ragione Mozilla... infatti non capisco "piu' alto"... piu' alto di che?

[antos]

l'altezza dei due <div> è automatica in base al contenuto

[Mutato]

Allora vale la prima. Anche se mi sembra strano che sbagli Mozilla... ma anch'io in situazioni del genere devo annullare float prima di chiudere il DIV contenente

[antos]

Originariamente inviato da Mutato
Allora vale la prima. Anche se mi sembra strano che sbagli Mozilla... ma anch'io in situazioni del genere devo annullare float prima di chiudere il DIV contenente

e come fai?

[Mutato]

<div>

<div float right>

</div>

<div style="clear:right;"></div>


</div>

[Furcas]

Originariamente inviato da antos
l'altezza dei due <div> è automatica in base al contenuto

scusa, io è questo che non capisco ...
il div "box" contiene il div "floatbox", e tuttavia il primo non aumenta all' aumentare del secondo in altezza?
strano ...

[antos]

Originariamente inviato da Furcas
scusa, io è questo che non capisco ...
il div "box" contiene il div "floatbox", e tuttavia il primo non aumenta all' aumentare del secondo in altezza?
strano ...

esatto,però lo fa slo in mozilla & co, opera,ie e pure amaya non lo fanno

xMutato grazie