alineacion vertical dentro de un div

[chusete]

tengo un div de 300 pixeles de altura y anchura, y quiero que dentro de este div se encuentre otro div de 20 pixles de alto y 300 de ancho, y quiero que se halle justamente en la parte inferior del primer div.

he probado con valign en bottom y no lo reconoce, y la unica forma que encuentro de hacerlo es con un padding.

pero no hay ningun atributo que indique que un div se alinee dentro de otro div (arriba. medio o bajo, como sí funciona de forma horizontal)???

[JavierB]

Hola chusete

Prueba de esta forma:

Código:

<div style="width:300px; height:300px; position:absolute">
<div style="width:300px; height:20px; position:absolute; bottom:0;">
</div>
</div>

Saludos,

[chusete]

perfecto, pero ahora lo que no consigo es alinearlo en la mitad del div,
como se hace eso??

[axiertxo]

<div style="width:300px; height:300px; position:absolute">
<div style="width:300px; height:20px; position:absolute; bottom:0;Align:center;">
</div>
</div>

[chusete]

con lo que has puesto lo alinero horizontalmente, pero yo lo que busco es la alineacion vertical, que esté en el medio verticalmente

[axiertxo]

VALE pos lo que te falta es con un poco de matematica:

<div style="width:300px; height:300px; position:absolute">
<div style="width:300px; height:20px; position:absolute; bottom:0;Align:center;">
</div>
</div>

si el div contenedor mide 300 de ancho y 300 de alto y el del interior mide 300 de ancho y 20 de alto, di le das un margen de 140 pixels arriba y de 140 pixel abajo al div del interior, conseguimos que el div del interior siempre esté en el medio.
140 de margen superior mas 20 de alto mas 140 de margen inferior 300px

tonces quedaria algo asi
<div style="width:300px; height:300px; position:absolute">
<div style="width:300px; height:20px; position:absolute bottom:0;Align:center;padding-top:140px;margin-top:140px;padding-bottom:140px;margin-bottom:140px;">
</div>
</div>
Hay que observar que pongo margin-top y su respectivo padding-top por compatibilidad en distinto navegadores. ah! por cierto los position:absolute no te harían falta

Saludos