Allineamento verticale e float, non va

[daniele_dll]

Hola

lo so, il titolo è criptico, però ora provo a spiegarmi meglio:

allora, io ho una serie di DIV che contengono i vari elementi e ho bisogno che uno di questi si posizioni sul fondo del box che lo contiene.

La cosa più semplice che mi è venuta in mente è stata: beh, uso vertical-align su bottom e lo butto li sotto, ma mi sono illuso perché non va assolutamente nulla!

Siccome faccio uso di float right, non vorrei che è lui che da problemi

Qui ci sta uno screenshot con delle freccettine per far capire

http://www.phpsoft.it/private/globalserviceag-shot2.png

In pratica il box sotto non si allinea!

Vi do in blocco tutto il codice con le relative immagini, non ve lo fregate
Postare dei pezzettini solamente qua non servirebbe a nulla ^^

http://www.phpsoft.it/private/sito-web.zip

I CSS sono organizzati seguendo la struttura del sito, ed in fondo in fondo ci stanno quelli riguardanti il contenuto del blocco sinistro centrale

(Il codice è ancora da validare quindi non esprimete commenti sullo schifo )

[daniele_dll]

up

[salvox150]

Per quel che ne so, ma potrei sbagliarmi, dovresti dare dimensione fissa al contenitore esterno e poi usare il margin-top:auto per quello interno.

[daniele_dll]

il problema è che se setto margin, su auto o su un valore fisso per fare la prova, il testo mi viene comunque allineato, tutto, al limite orizzontale del blocco

Cioé, il blocco scende, ma il testo sopra si, invece di allungarsi per tutto lo spazio, si ferma sempre nello stesso posto :\

Figurati che avevo pensato ad usare eventualmente un display: inline-block con float su right e inserirmi nel testo a manina per farlo coincidere, ma non mi piace un granché come soluzione

Per questo motivo volevo usare vertical-align

[salvox150]

Ho provato a guardare il tuo codice, ma, non me ne volere, era un po' lunga l'interpretazione e per fare delle prove ci avrei messo troppo tempo.

Ho ottenuto un risultato che credo ti possa interessare:

	
	<div style="width:750px; margin:0 auto 0 auto; border:1px solid #333333;">
		<div style="width:750px; height:100px; background-color:#00FFFF;">HEADER</div>
		<div style="width:250px; height:400px; background-color:#CCCCCC; float:left">Testo a sinistra</div>
		
		<div style="width:250px; height:400px; background-color:#9999CC; float:left">
			<div style="width:250px; height:100px; background-color:#FFCCFF; top:100%; margin-top:-100px; position:relative;">box al centro</div>
		</div>
		<div style="width:250px; height:400px; background-color:#CCCCCC; float:left">Menu a destra</div>
		<div style="clear:both; width:750px; height:50px; background-color:#00FFFF;">FOOTER</div>
	</div>

Ho usato gli stili in-line per fare prima, ho pubblicato una pagina di prova:

http://xoomer.alice.it/salvatore.ted...lineamento.htm

Pare funzionare con IE7, OPERA 9.10, NS 8.1 e FF 1.5.

Spero di essere stato utile...

[daniele_dll]

Questa era una delle prove che avevo fatto, ergo position relative + top/margin-top/bottom

Il problema però permane nel senso che nel codice che hai postato, si il blocco sta sul fondo, ma non è all'interno del blocco a sinistra che contiene testo :\

In poche parole: il problema è che io devo allineare sul fondo il blocco che contiene i 3 box colorati e attorno al blocco ci deve stare testo

[UPDATE]
alla fine ho risolto spostando il box nel testo