allineare in basso...

[maolu]

Ciao a tutti, ho un problema con i CSS e gli allineamenti dei contenuti.

Ho due differenti DIV il cui layout e' definito da due ID diversi (la cosa importante e' che uno allinea il contenuto a sinistra,l'altro a destra) e quando visualizzo uno dopo l'altro non compaiono alla stessa altezza. Per ovviare ho pensato di inserirli in un terzo DIV per cui il CSS definisca l'attributo vertical-align: bottom, ma anche in questo caso i due mascalzoni restano sfasati.

Questo il codice HTML:

<div id="usatoList">
   <div id="usatoTitle">
      [img]blabla.jpg[/img]LINK
   </div>
   <div id="usatoThumb">
      [img]blabla2.jpg[/img]
   </div>
</div>

il CSS che definisce la posizione dei 3 elementi:

#usatoList
{
	vertical-align: bottom;
	padding: 0px;
}

#usatoTitle
{
	position: relative;
	left: 0px;
	bottom: 0px;
	text-align: left;
	vertical-align: bottom;
	padding: 0px;
}

#usatoThumb
{
	position: relative;
	right: 0px;
	bottom: 0px;
	text-align: right;
	vertical-align: bottom;
	padding: 0px;
}

In pratica io vorrei che all'interno di usatoList ci fossero usatoTitle allineato tutto a sinistra e usatoThumb allineato tutto a destra, sulla stessa riga; mentre ora mi visualizza prima usatoTitle, poi va a capo e mi visualizza usatoThumb.

Dove sbaglio?
Ci sono altri metodi?

[LA VALE]

Devi rendere i due div floattanti, sennò ti si posizioneranno sempre uno sotto l'altro:

#usatoList
{
padding: 0px;
clear: both;
}

#usatoTitle
{
text-align: left;
float: left;
padding: 0px;
}

#usatoThumb
{
text-align: right;
float: left;
padding: 0px;
}

Prova se ti funziona...

[maolu]

no non funziona.

I due DIV non vengono cmq allineati tra di loro.
Il primo (usatoTitle) e' attaccato all'angolo in alto a sinistra di usatoList, il secondo (usatoThumb) compare addirittura parzialmente FUORI da usatoList, perfettamente allineato a destra, ma sbordante verso il basso....

[LA VALE]

prova a togliere clear: both nel contenitore...

Poi prova a dare dei margini ai box per staccarli...

E prova anche a mettere float: right invece di left in uno dei due, vedi se ti cambia qualcosa...

[maolu]

senza clear:both e' il disastro, i contenuti appaiono tutti "mescolati".

tra float:right e float:left non c'e' differenza, il che mi pare assurdo...

non so che dire...vabbe'