[Ovillo] Alinear verticalmente un div en la base de su padre
Buenas a todos. El asunto del mensaje es bastante claro, quisiera alinear un div verticalmente a la base de su padre, pero no lo consigo. Ya he visto unos cuantos ejemplos y he hecho pruebas, pero no se adapta a lo que yo quiero. En el div padre hay un par de párrafos, y luego viene otro div con una fila de imágenes pequeñas que se pega al texto, pero quiero que se quede pegado abajo. Esta es la página, para que lo veais claro: http://www.floristerialosmadriles.com/divs/inicio_divs2.html Podría hacerlo con un margin-top, pero si se añadieran un par de párrafos más, se jode el invento _ ¿Alguna idea? Gracias ;) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Alinear verticalmente un div en la base de su padre
intenta algo como esto .padre{position:relative;} .hijo{position:absolute; bottom:0;} div class=padre contenido div class=hijocontenido/div /div Fran wrote: Buenas a todos. El asunto del mensaje es bastante claro, quisiera alinear un div verticalmente a la base de su padre, pero no lo consigo. Ya he visto unos cuantos ejemplos y he hecho pruebas, pero no se adapta a lo que yo quiero. En el div padre hay un par de párrafos, y luego viene otro div con una fila de imágenes pequeñas que se pega al texto, pero quiero que se quede pegado abajo. Esta es la página, para que lo veais claro: http://www.floristerialosmadriles.com/divs/inicio_divs2.html Podría hacerlo con un margin-top, pero si se añadieran un par de párrafos más, se jode el invento _ ¿Alguna idea? Gracias ;) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Alinear verticalmente un div en la base de su padre
Y si le das al padre un padding-bottom equivalente al alto del hijo? Fran wrote: Para el caso en el que sólo hay dos párrafos queda bien, pero de nuevo viene el problema de si se le añaden más. Queda tal que así: http://www.floristerialosmadriles.com/divs/inicio_divs3.html :( Para éste módulo que hay poco texto me podría vale, pero hay otros en el que el texto sí que llega hasta abajo... kemie guaida escribió: intenta algo como esto .padre{position:relative;} .hijo{position:absolute; bottom:0;} div class=padre contenido div class=hijocontenido/div /div Fran wrote: Buenas a todos. El asunto del mensaje es bastante claro, quisiera alinear un div verticalmente a la base de su padre, pero no lo consigo. Ya he visto unos cuantos ejemplos y he hecho pruebas, pero no se adapta a lo que yo quiero. En el div padre hay un par de párrafos, y luego viene otro div con una fila de imágenes pequeñas que se pega al texto, pero quiero que se quede pegado abajo. Esta es la página, para que lo veais claro: http://www.floristerialosmadriles.com/divs/inicio_divs2.html Podría hacerlo con un margin-top, pero si se añadieran un par de párrafos más, se jode el invento _ ¿Alguna idea? Gracias ;) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo