Ciao!

Ecco il mio semplice codice:

<div style="background-color:#009933;border:1px solid black;">


<div style="margin-right:10px;float:left;>
[img]sorgente.jpg[/img]</a>
</div>

<div style="float:left;">
<span style="font-size:8pt;color:#0000CC;font-weight:bold; ">TIPO</span>

<span style="font-weight:bold; font-size:10pt;">dato1</span>
</div>
<div style="float:left;margin-left:10px;">
<span style="font-size:8pt;color:#0000CC;font-weight:bold; ">VERSIONE</span>

<span style="font-weight:bold; font-size:10pt;">dato2</span>
</div>
<div style="float:left; margin-left:10px;">
<span style="font-size:8pt;color:#0000CC;font-weight:bold; ">MECCANICA</span>

<span style="font-weight:bold; font-size:10pt;">dato3</span>
</div>

</div>

<div id="footer">footer finale</div>

Vorrei avere l'immagine a sinistra, i tre dati affiancati subito dopo l'immagine. Infine il footer. Non c'è nulla da fare, appena inserirsco il float left sull'immagine il primo div contenitore..... non contiene più nulla!! Di conseguenza anche il footer sale affiancato all'immagine!!

Dove sbaglio?

Grazie per l'aiuto!! =STE=