Hola lista:
Para esa situación yo siempre he usados una de estas dos opciones según el
caso:
1. float: left de la capa contenedora.
2. overflow: auto
La segunda la que mas uso por regla general.
Suerte!!
El 17/05/2012 10:35, "Rafael García Lepper" <rafael.g.lep...@gmail.com>
escribió:
> Hola,
>
> la solución que mejor funciona es "clearfix"[1] o "microclearfix"[2]
> porque ni te obliga a añadir un div vacío para limpiar los floats ni te
> obliga a usar overflow:hidden que te podría dar problemas si necesitaras
> que algo se saliera del elemento (un overlay o algo así) este es el código:
>
> .clearfix:before, .clearfix:after { content: ""; display: table; }
> .clearfix:after { clear: both; }
> .clearfix { *zoom: 1; }
>
> Simplemente añade la clase clearfix al div contenedor y asunto resuelto.
>
> Consejo gratuito: empezad todos vuestros proyectos con html5boilerplate[3]
> que agrupa todas las mejores prácticas para el desarrollo de front-end. Hay
> versión en español.
>
> [1]
> http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/
> [2] http://nicolasgallagher.com/micro-clearfix-hack/
> [3] http://html5boilerplate.com/
>
> Saludos
>
> Rafael G. Lepper
> Front End Web Developer
> http://www.thehandcoder.com
> @rglepper
>
>
> El 17/05/2012, a las 02:32, ReynierPM escribió:
>
> > Buenas noches lista:
> > Un poco perdido de aca porque he andado "full" con trabajo. Necesito una
> > pequeña ayudita porque he intentado de todo y no logro que me funcione.
> > El caso es que tengo un DIV que tiene contenido dentro pero cuando el
> > contenido crece el bakcground-color del DIV asi como el DIV se quedan
> > del mismo tamaño y no hay forma de que crezcan. La direccion es esta
> > http://dev.healthfitnesstravel.com/index.php?q=experts/bio y el DIV que
> > me refiero es el que dice "Articles: article's name" que tiene un color
> > de fondo. Alguna ayudita?
> >
> > --
> > Ing. Reynier Perez Mira
> > eMail: reynie...@gmail.com, reynie...@treswd.com
> > Skype: reynierpm
> > Mobile: +58 424.180.5609
> > _______________________________________________
> > 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
