allineamento div inferiore

[puky2]

Buon giorno ragazzi, magari mi perdon in un bicchiere d'acqua ma non riesco a venirne fuori.

ho una pagina come in allegato.

e un css del genere

#pagina {
min-width:779px;
max-width:779px;
width:779px;
min-height:600px;
padding-top:5px;
padding-bottom:0px;
bottom:0px;
margin-bottom:0px;
background-image:url(../img/sfondo_pagina_principale.png);
background-position:top left;
background-repeat:no-repeat;
}
#contenitore {
text-align:left;
padding-left:0px;
padding-bottom:15px;
max-width: 744px;
min-width: 744px;
width: 744px;
min-height:509px;
max-height:509px;
/* i valori di min e max height li avevo impostati per avere dei contenitori fissi ma ora non è più possibile xke ho testi e immagini variabili all'interno del contenitore che invece ha dimensione fissa ....sgrunt.... */
}
#titolo {
text-align:left;
padding-left:0px;
padding-bottom:15px;
}
#testo {
max-width: 533px;
min-width: 533px;
width: 533px;
text-align:left;
padding-left:15px;
padding-right:0px;
padding-bottom:0px;
bottom:0px;
margin-bottom:0px;
}
#immagine {
text-align:right;
vertical-align:baseline;
margin-bottom:0px;
padding-bottom:0px;
position:relative;
bottom:0px;
min-height:235px;
}

io ho questo tipo di problema..
il box dell'immagine dovrebbe essere "ancorato" al bordo inferiore del div pagina.
perchè ho un testo che varia in altezza e lo stesso vale per le immagini.
so che pagina è e deve rimanere sempre di dimensione fissa, ma non riesco a fissare il contenitore in alto e l'immagine in basso....

mi perdo in un biccher d'acqua?
come posso fare per avere ciò? sempre se è possibile?

[puky2]

il problema è che non potendo dare una dimensione al contenitore (xke è variabile) il div immagine si posiziona subito dopo....ufff....non rieco a capire in che altro modo strutturarlo.....

aiutooooo....

[gra-fichetto]

Se sei sicuro che il testo contenuto nel div "contenitore" non sia troppo abbondante, cioè non sia tale da disporsi su numerose righe puoi velocemente applicare la proprietà "position: relative" al div "pagina" e la proprietà "position: absolute" al div "immagine".

Un esempio al volo, assolutamente da testare al meglio ed ottimizzare; il problema di questa soluzione è che se il testo dovesse essere notevolmente abbondante, ciò porterebbe ad un allungamento del div "contenitore" che si sovrapporrebbe al div "immagine":

*{
	margin: 0;
	padding: 0
}
body{
	text-align: center
}

#pagina {
	width:779px;
	margin: 0 auto;
	min-height:600px;
	background-image:url(../img/sfondo_pagina_principale.png) 0 0 no-repeat;
	position: relative;
}
#contenitore {
	text-align:left;
	padding-left:0px;
	padding-bottom:15px;
	width: 744px;
	margin: 0 auto
}

#titolo, #testo {
	width: 533px;
	text-align:left;
	margin: 5px auto
}
#immagine {
	width: 744px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:right;
	min-height:235px;
}

[puky2]

funziona.

ho scoperto che funzionava già prima...anche grazie alla guida css qui presente. (perchè m'ero documentata già tempo indietro...)
http://css.html.it/guide/lezione/64/...ma-del-footer/

il problema stava a monte.
nel senso che la formattazione della pagina era corretta....Maaaaa.....

la pagina era inclusa all'interno di un altro div....è questo creava il casino....
mettendo il position:relative anche al div che carica #pagina, il tutto funziona.

ero convinta che il position:relative bastasse per il div#pagina invece va posto in ogni div che contiene il contenitore a quanto pare....

grazie dei consigli e dell'ascolto! (ora dovrò verificare le varie possiilità tra testo lungo immagine piccola e testo corto e immaggine grande..vi terrò aggiornati..)

e che possa servire a qualc'un altro!