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: [email protected], [email protected]
> Skype: reynierpm
> Mobile: +58 424.180.5609
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
