Logré algo a lo que tu te refieres, mi propuesta es hacer un display: table-cell al Div principal, que dentro de él tengas más código html como imágenes, texto e incluso otros divs.
Aquí te dejo un ejemplo completo de cómo podría funcionar:
Código PHP:
<style>
.principal {
display: table-cell;
vertical-align: bottom;
height: 500px;
background: #FFCC66;
}
.contenido {
padding: 50px;
background: #333333;
color: #FFFFFF;
}
</style>
<div class="principal">
<div class="contenido">
<p>Pues tengo el siguiente problema:</p>
<p>Tengo un y quiero alinear el contenido dentro del mismo hacia abajo (verticalmente hablando). He leído mucho sobre alinear y todo el soporte que hay en la web está dirigido principalmente al alineamiento horizontal... pero justamente ahora quiero alinear todo hacia abajo.</p>
<p> Con tablas no había problema, ya que ponía vertical-align:bottom... pero en una capa como se hace ?</p>
<p>Gracias por cualquier sugerencia.</p>
<p>Saludos !! </p>
</div>
</div>
Sin embargo, al terminar de proponer lo anterior, me encontré con la sorpresa de que sólo funciona en Firefox y Opera, pero Internet Explorer no lo reconoce.
Espero que alguien pueda, con base en mi ejemplo, dar a luz una solución, como un hack, para el ahora tan odiado navegador de Internet Explorer.