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:
reynierpm@gmai...,
reynierpm@tres...
> Skype: reynierpm
> Mobile: +58 424.180.5609
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a
Ovillo@list...
> 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@list...
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
opensubscriber is not affiliated with the authors of this message nor responsible for its content.