opensubscriber
   Find in this group all groups
 
Unknown more information…

o : ovillo@lists.ovillo.org 17 May 2012 • 4:35PM -0400

Re: [Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
by Rafael García Lepper

REPLY TO AUTHOR
 
REPLY TO GROUP




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

Bookmark with:

Delicious   Digg   reddit   Facebook   StumbleUpon

Related Messages

opensubscriber is not affiliated with the authors of this message nor responsible for its content.