Problema Div e Layout

[senorluca]

Ho un problema nella creazione di un layout che deve alternare le news a destra e a sinistra: vi allego l'immagine che dovrebbe essere il risultato finale.


Questo è quello che ho creato:

<style>
.news_foto {
width: 36%;
}

.news_testo {
width: 60%;
}

.news_data {
color: #878686;
font-size: 12px;
}

.news_titolo {
color: #e20916;
font-size: 18px;

}

.news_descrizione {
font-size: 10px;
}

</style>

<div>
<div class="news_foto" style="float:left">[img]news_foto1.gif[/img]</div>
<div class="news_testo" style="float:right">
<div class="news_data">19 dicembre 2006</div>
<div class="news_titolo">Titolo di una news a sinistra</div>
<div class="news_descrizione">finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo </div>
</div>
<div style="clear:both"></div>
</div>


<div>
<div class="news_testo" style="float:left">
<div class="news_data" align="right">19 dicembre 2006</div>
<div class="news_titolo" align="right">Titolo di una news a destra</div>
<div class="news_descrizione" align="right">finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo finto testo </div>
</div>
<div class="news_foto" style="float:right">[img]news_foto2.gif[/img]</div>
<div style="clear:both"></div>
</div>

Il problema è che in questo modo se la seconda foto è molto stretta non si "appoggia" al lato destro e mi crea un effetto che non voglio lasciare.

Vorrei fare in modo, che i div si prendano lo spazio in modo dinamico, ma se non metto le percentuali per definire le larghezze, i div vanno a capo.

Help me

[senorluca]

up