Affiancare IMG e Testo all'interno di un div

[Ale88]

Salve a tutti, per assurdo ci sto combattendo gia da qualche ora , vi posto il codice :

CODICE HTML:

<div class="tablediv">

[img]img/3pic2.jpg[/img]
<span>
TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTO
</span>
</div>

CODICE CSS:

.tablediv
{
	font-family:  "Times New Roman",Verdana,Arial,Geneva,sans-serif, Helvetica,Georgia ;
	background-color:#bcffa1;
	padding: 2px;
	letter-spacing: 1px;
	border: 1px solid white;
	width:60%;
	margin:0 auto;
}

Ho provato a dare float sia all'immagine che al testo , ma l'immagine esce dal div !!
Vi ringrazio anticipatamente

Saluti

[ResianTaxidrive]

ma scusa, quanto è grande l'immagine?

[Ale88]

Vediamo ora con questo codice sono riuscito ad affiancarli, il problema ora è che il testo naturalmente non va più sotto l'immagine, ma rimane in una sua colonna.

<div class="tablediv">
	<div style="position:absolute;">
		[img]img/3pic2.jpg[/img]
	
	</div>
	<div style="margin-left:105px;">
		TESTO TESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTOTESTO</div>
</div>

L'immagine è 102 x 65

[ResianTaxidrive]

torna alla versione del post 1 e metti un float:left anche a .tablediv

[Ale88]

Funziona, ma ora il problema è che il div principale non mi rimane al centro, ma si sposta a sinistra

[ResianTaxidrive]

e se togli il float a tablediv e metti il float solo al div con il testo e non all'immagine, ti può andare bene il risultato?

[Ale88]

Il problema è che senza il float al div principale se imposto il float agli elementi al suo interno questi tendono ad uscire dal div contenitore

[ResianTaxidrive]

dai tagliamo la testa al toro.
Dopo il div col testo metti un altro div a cui assegni uno style="clear:both".

[Ale88]

Ehmm..non penso d'aver capito se me lo butti giu come codice forse mi è più chiaro..

Cmq grazie di cuore per l'aiuto che mi stai dando !!

[ResianTaxidrive]

<div class="tablediv">

[img]img/3pic2.jpg[/img]
<div>
TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTOTESTO TESTO TESTO TESTO
</div>
<div style="clear:both;"></div>
</div>

adesso non mettere più il float a tablediv, solo all'immagine dentre e al div che contiene il testo.