img e float - problemi di altezza

[whitenoise]

Ciao

E' qualche giorno che ho iniziato a combattere con i CSS. Sono sicuramente uno strumento potentissimo ma, grazie anche ai salti mortali necessari per ottenere la massima compatibilità, non sempre riesco a prevedere quello che il browser mi presenterà!

Ho un problema, probabilemente banale, per il quale richiedo il vostro aiuto.

Ho inserito in un div una immagine con float:left. L'immagine è correttamente allineata a sinistra della pagina ed il testo le scorre alla destra.
poichè il testo è poco l'immagine esce però dal div e viene però circondata da altri contenute che seguono nel flusso del documento. Come posso fare in modo che il div contenga tutta la img?

il div ha posizionamento relativo, e height :auto.

grazie

[Mich_]

Problema vecchio, gia` trattato infinite volte. Ti manca il clear.

Guarda tra i "link utili", il primo link, in grassetto.

[whitenoise]

ho provato con il clear... con risultati scarsi...

ho provato la image esce lo stesso dal div.

in pratica ho

<div>
<img>


ttt
ttt
ttt
tt
tt
</p>




tttt
</P
<div>

dove lo metto il clear? sulla p?

non sembra funzionare.

[Mich_]

Non e` che quella serie di caratteri spieghino molto ... Mancano le chiusure dei tag <div>.
E inseriti cosi` hanno perso la formattazione (che comunque era solo parziale)

Prova a postare nuovamente il codice, corretto e insererndolo tra [ code ] e [ /code ] (senza gli spazi)

Ma l'immagine deve stare dentro il paragrafo? Allora mettila dentro.
Se invece deve stare dentro il <div> tutti paragrafi le gireranno attorno.

Per il clear, vedi anche la pillola di fcaldera.

[whitenoise]

ho risolto inserendo la clear solo nell'ultimo paragrafo contenuto nel div. Vi sarei grato se poteste indicarmi soluzioni migliori.

la struttura è:
[code]
<div>


... immagine 1 </p>


paragrafo 1 </p>


paragrafo 2 </p>


paragrafo 3 </p>
<p class = "lastItem"> </p>
</div>
<div>


... immagine 2 </p>



paragrafo 1 </p>


paragrafo 2 </p>


paragrafo 3 </p>
</div>

grazie!