Re: [Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
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"
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
Re: [Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
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
Re: [Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
Hola Paul y gracias por tu respuesta pero buscando en Google encontre un
post de aca de la lista donde se menciona el tema y la solucion que dan
es poner estas clases al elemento DIV que contiene el texto a expandir:
.clase { overflow:hidden; }
* html .clase { overflow:hidden; }
El caso es que como los elementos estan flotando al parecer no estaban
expandiendo el DIV. Creo que tu solucion tambien funciona. De todas
formas muchas gracias
On 5/16/2012 9:49 PM, Polizonte wrote:
> Prueba poner esto al final del DIV que tiene el background-color
>
--
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
Re: [Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
Hola Reynier, Prueba poner esto al final del DIV que tiene el background-color Saludos, Paul Tumialán On 16/05/2012 08:32 p.m., ReynierPM wrote: > 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? > ___ 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
[Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
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
