Nuovo paragrafo sotto l'immagine

[Leggero82]

Ciao ragazzi,
ho un problema di questo tipo: se vado a scrivere un nuovo paragrafo (p2) dopo il primo (p1) ed entrambi si trovano a fianco di un'immagine con proprietà float: left, se il p1 è alto meno dell'immagine, il p2 va a posizionarsi anch'egli a lato dell'img e non su una nuova riga.
So che la spiegazione è un po' un casino... a tal proposito ho realizzato un'immagine esplicativa che fa capire bene la situazione.
Non posso assegnare al p2 la proprietà clear perchè essendo nel div centrale di un layout a tre colonne, altrimenti mi si presenta dopo la fine dei contenuti delle due colonne laterali.

Oddio che casino di spiegazione

[Mich_]

Non posti il codice da te usato, ma suppongo che sia:

<div>
  <img ... /> /* con float left */
  

testo 1</p>
  

testo 2</p>
</div>

Prova invece:

<div>
  

<img ... /> /* con float left */
  testo 1</p>
  

testo 2</p>
</div>

[Leggero82]

scusa hai ragione no l'avevo specificato, cmq già utilizzo il secondo metodo da te indicato:

<img con float left />testo1</p>


testo2</p>

[indigoindigo]

--edit---

ignora.. ti avevo consigliato di usare clear, ma poi ho letto meglio..sorry...

--edit 2 --

se l'immagine ha un'altezza fissa potresti provare ad assegnare un'altezza al paragrafo?

[Leggero82]

sì, l'img ha un'altezza fissa, stasera provo

[Leggero82]

assegnando un'altezza al paragrafo il problema persiste..

[indigoindigo]

anche assegnandola al paragrafo 1 (quello accanto all'immagine..)

sennò aggisci sui margini del p 1

[Leggero82]

il problema nell'assegnare via CSS un'altezza al paragrafo1 è che questo conterrà del testo estratto da un DB di lunghezza variabile.
Se questo testo avrà altezza minore dell'immagine allora ok, assegnando al paragrafo1 un'altezza leggermente maggiore di quella dell'immagine, il paragrafo2 andrà a posizionarsi a capo.
Ma se il paragrafo1 è lungo e scende sotto l'immagine, assegnandogli un'altezza, il testo andrà a sovrapporsi a quello del paragrafo2.

è questo il problema

[indigoindigo]

Cancellando tutto quanto detto finora, si potrebbe provare con un min-height al p1 con valore uguale all'altezza della foto, ma la soluzione non viene supportata da IE (magari c'è qualche hack)..con FF funziona..

d'altronde la soluzione più naturale sarebbe il clear

prova!

[Leggero82]

già, sarebbe il clear..
solo che se a fianco del div che contiene il paragrafo "incriminato" ci sono altri due div che fungono da colonne laterali.
se io metto il clear al quel paragrafo va a finire che me lo ritrovo sotto la fine delle due colonne laterali..

bho