Float sballati

[tampe125]

salve a tutti,
sto avendo dei problemi con una serie di elementi posizionati tramite "float".

Sono riuscito ad avere una visualizzazione che mi piace, eccola qua:


fin qua tutto ok.
il problema viene quando il testo della descrizione è più corto di quello postato.
il tutto mi si sballa verso sinistra:


ma alziamo il coefficiente di difficoltà.
questa pagina non l'ho creata io direttamente, ma viene generata da un componente.
per cui io posso operare solamente sotto due aspetti:

1- i fogli di stile
2- l'ordine in cui devono essere creati i vari elementi

più di questo non posso fare (o meglio, devo andare a mettere le mani sul core del componente. non è un problema, ma mi serve sapere esattamente cosa aggiungere).

vi posto i fogli di stile (le classi/id sono riportati nella prima immagine)

#descr {
float:left;
margin-top:-18px;
width:400px;
}

#payout {
float:right;
font-weight:bold;
width:150px;
}

#pagamenti {
border:1px solid;
float:right;
margin-left:5px;
margin-top:15px;
padding:0 0 5px 5px;
width:150px;
}

#tipi_pagamento {
border:1px solid;
float:right;
margin-left:5px;
margin-top:20px;
padding:0 0 5px 5px;
width:150px;
}

#reflink {
float:left;
width:500px;
}

bè se siete riuscite ad arrivare fino in fondo complimenti.
grazie a tutti in anticipo

[fcaldera]

Per darti una soluzione ottimale sarebbe necessario vedere come è strutturato il codice html

Senza di questo posso solo supporre che dando un min-height (da stabilire con qualche test) all'elemento descrizione dovresti risolvere (cerca nel forum per una soluzione crossbrowser)

[tampe125]

ecco qua:

	<tbody><tr>
		<td><h1>Societàconunnomelungo.damorire</h1></td>
	</tr>
	<tr>
		<td></td>
	</tr>
	<tr>
		<td></td>
	</tr>
	<tr>
		<td>
			<div id="sobi2outer">
			 				 	
		<div id="sobi2Details_field_payout"><div id="sobi2Listing_field_payout_label">Payout:</div> 4$</div>

		<div id="sobi2Details_field_ultimi_pag"><div id="sobi2Listing_field_ultimi_pag_label">Ultimi pagamenti:</div> 
<ul class="sobi2Listing_field_ultimi_pag">
	[*]Pagamento n°1
	[*]Pagamento n°2
	[*]Pagamento n°3[/list]
<div class="sobi2_totpagamenti">Pagamenti segnalati: 3</div></div>

		<div id="sobi2Details_field_descr">

Sed pharetra semper est, vel tincidunt justo dapibus posuere. Vivamus tempus est aliquam ante placerat fringilla. Aenean ac ligula sapien, non hendrerit velit. Praesent varius scelerisque pharetra! Mauris tincidunt consequat dolor, et ultrices nisi posuere id? Donec faucibus aliquam tortor, at tincidunt erat sodales id. Praesent et arcu id eros aliquam imperdiet. Donec magna tellus, condimentum et ullamcorper eget, euismod eget augue. Donec bibendum est a orci lacinia accumsan. Phasellus nullam.</p></div>

		<div id="sobi2Details_field_tipi_pag"><div id="sobi2Listing_field_tipi_pag_label">Tipo pagamento:</div> 
<ul class="sobi2Listing_field_tipi_pag">
	[*]AlertPay[/list]</div>
		<div id="sobi2Details_field_reflink">Reflink</div>				

			</div>
		</td>
	</tr>
</tbody>

come ho detto prima: posso modificare l'ordine in cui si trovano i vari div, ma non posso crearne un'altro se non mettendo mano pesantemente al codice (e preferirei farlo per ultimo e per forza)