allineamento verticale all'interno di un div

[carlo2002]

ho un div

.riga_immagini_home_page {
margin: 30px 0px 30px 0px ;
padding: 0px ;
border: 1px dashed navy ;
}

al suo interno ho altri div in successione che contengono delle immagini e delle caselle di input

.box_immagini_home_page {
float: left ;
margin: 0px 0px 0px 0px ;
text-align: center ;
border: 1px dashed red ;
}

come si vede sotto, la prima immagine essendo meno alta delle altre si allinea verso l'alto, come si può fare per allinearla al fondo del div?

grazie

[Mich_]

Non so se il margin verticale funziona con i blocchi flottati.
Prova comunque a definire:
margin: auto 0 0 0;
dentro il .box_immagini_home_page

Altrimenti occorre usare i posizionamenti, che pero` ti complicano parecchio la vita.

[carlo2002]

Originariamente inviato da Mich_
Non so se il margin verticale funziona con i blocchi flottati.
Prova comunque a definire:
margin: auto 0 0 0;
dentro il .box_immagini_home_page

no, niente da fare

[arx707]

Crei due DIV. Il primo avrà il suo normale float incastrarsi nel layout, ma con position:relative. Il secondo avrà position:absolute e bottom: 0; in questo modo quello interno è allineato in basso e quello esterno si occupa di rimanere allineato

[carlo2002]

:master: ho preferito cambiare disposizione, ho messo le caselle di input sopra le immagini e così rimane tutto allineato verso l'alto e il codice è più semplice.

Grazie lo stesso per l'utile suggerimento.