[Float & clear] impaginazione difficile

[dftv]

Ciao in allegato ho messo l'immagine che descrive il problema che ho.
Ho dato alla foto, attraverso un div, il float:left. Di conseguenza il testo si posiziona automaticamente a destra dell'immagine.
Il div immediatamente sotto, quello riquadrato in rosso, avrei l'esigenza di metterlo esteso lungo sia l'immagine che il testo.
Per ora ho usato clear:left, ma anche con both rimane allineato o a sotto l'immagine o sotto il testo.
Come potrei fare? grazie

[whiteduke]

Hai settato l'altezza del div contenente il testo?
Ciao :master:

[dftv]

Ci ho appena provato ma il problema non cambia

[aerozep]

strano cmq secondo me devi mettere un div grande che contiene i 2 div (l'immagine e il testo) e su questi fai il float:left...
Poi sul div sotto metti float:both e dovrebbe andare. Altrimenti prova ad impostare la width sul box sotto...
Ciao e fammi sapere.

[Moro]

ma il div solotesto è annidato nell'altro?

[aerozep]

No la struttura e' cosi:
<div opzioni di larghezza>
<div style="float:left">Immagine</div>
<div style="float:left">blablabla</div>
</div> //come vedi e' fuori
<div style="clear:both">testo con bordo rosso</div>
prova fai varie prove e fammi sapere

[dftv]

Posto il codice.
HTML:

<div class="textimage">
[img]image/lf310.jpg[/img]
<h2>Lanier LF311</h2>


Il fax Lanier LF311 è stato progettato per attivita' in cui la trasmissione di fax e' di importanza critica; e' veloce, facile da utilizzare e affidabile. Elegante e moderno, questo sistema fax puo' essere facilmente collocato in qualsiasi ufficio. Lanier LF311 e' un partner affidabile, versatile e attento alle esigenze del Vostro ufficio. La cartuccia del toner dura 5000 copie!</p>
<div class="clearer">
Caratteristiche | Contatto
</div>

CSS:

div.textimage{width:100%; height:200px; margin-bottom: 5px; border: 1px solid #000; background-color: #eee}
div.textimage img{float:left; margin: 5px}
div.textimage h2, div.textimage p{margin:5px; padding: 0; text-align:justify}
div.textimage h2{margin-top: 5px}
div.clearer{clear:left;  font: 11px georgia, serif; color:#03c}
div.clearer a{clear:left;  font: 11px georgia, serif; text-decoration:none; color:#03c}
div.clearer a:hover{clear:left; font: 11px georgia, serif; text-decoration: none; color:#fff;
  background-color: #03c}

[dftv]

Originariamente inviato da aerozep
No la struttura e' cosi:
<div opzioni di larghezza>
<div style="float:left">Immagine</div>
<div style="float:left">blablabla</div>
</div> //come vedi e' fuori
<div style="clear:both">testo con bordo rosso</div>
prova fai varie prove e fammi sapere

Facendo come da te suggerito l'immagine viene spostata nel "quadrante" in alto a sx, il testo in basso a dx e il testo "bordato di rosso in basso a sx.
Questo è il link:
http://www.dieffesrl.info/30/index.htm
grazie