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

2012-05-18 Por tema Manuel Canga
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


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

2012-05-17 Por tema Rafael García Lepper
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


[Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo

2012-05-16 Por tema ReynierPM
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


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

2012-05-16 Por tema Polizonte
Hola Reynier,
Prueba poner esto al final del DIV que tiene el background-color
div style=clear:both/div

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


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

2012-05-16 Por tema ReynierPM
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
 div style=clear:both/div

-- 
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