[FF-Div-Float]: problema con immagine float in div

[cipcip]

Salve,
come mai quando inserisco un immagine con float in un div,
il div non racchiude tutta l'immagine ma la sua altezza è pari al contenuto a destra dell'immagine?
esempio
<div...>
<img style="float:left...>
</div>

Premettendo che non posso utilizzare l'attributo height poiche in fire fox se fisso tale attributo ,se si ridimensiona la finestra il contenuto del div viene visualizzato fuori il div stesso, come posso fare per fare in modo che questo div contenitore contenga l'immagine float per intero?

[edy72]

gli elementi float è come se fossero tolti dal contesto normale del documento: per cui un elemento float non influisce sull'altezza dell'elemento (nel tuo caso il div) che lo contiene.
(Internet Explorer ignora questa regola se per l'elemento contenitore è specificata la larghezza o l'altezza)

Per risolvere il problema dovresti rendere float anche il div che contiene l'immagine, in questo modo la sua altezza sarà determinata anche dagli elementi float che contiene.

Facendo comunque attenzione che potrebbe ripresentarsi il problema se c'è un altro elemento che contiene il div, per cui dovresti rendere float anche quello e risalire così fino all'elemento padre di tutti i contenuti della tua pagina.

Purtroppo, nel caso non fosse possibile rendere float l'elemento contenitore, non saprei darti altri consigli.

Ciao!!

[cipcip]

grazie ho risolto specificando sia min-height che height contemporaneamente e funziona in tutti i browser,