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
[Ovillo] Problema al imprimir con CSS
Buenas a tod@s, Tengo un problema a la hora de crear una hoja de impresión con CSS. El tema es que después de un cálculo matemático tengo que presentar dos puntos con una separación entre ellos que es el resultado de ese cáculo matemático que son siempre centimetros. Los dos puntos de separación son dos imágenes gif de 30px de ancho y alto. Entre las dos imágenes he puesto una capa a la que desde css le pongo en el height el resultado, este es un ejemplo: img src=imagenes/cruz.gif / div style=height: 2.828cm;/div img src=imagenes/punto.gif / El caso es que con algunas impresoras la distancia sale clavada y en otras hay una diferencia de unos milimetros y no se encuentro el porque. ¿Alguien se le ocurre que puede estar pasando y si se podría solucionar de alguna manera? Gracias! Nacho ___ 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] Problema al imprimir con CSS
Si no obtienes una respuesta de la lista, sera seguramente porque poca gente utiliza medidas en distancias reales. Esto tambien es un buen motivo para que haya un buen monton de bugs en el OS, el driver de la impresora, el navegador web o la configuración, .. .toda la cadena de pasos que deben estar perfectos para que en el resultado final se respeten esos centimetros. Igual no es tan complicado como lo imagino, pero aun asi creo que es cierto que esto lo usa pocas veces, y en los caminos poco transitados la hierba es alta. 2012/5/17 Nacho F. Carreño na...@stvisual.com: Buenas a tod@s, Tengo un problema a la hora de crear una hoja de impresión con CSS. El tema es que después de un cálculo matemático tengo que presentar dos puntos con una separación entre ellos que es el resultado de ese cáculo matemático que son siempre centimetros. Los dos puntos de separación son dos imágenes gif de 30px de ancho y alto. Entre las dos imágenes he puesto una capa a la que desde css le pongo en el height el resultado, este es un ejemplo: img src=imagenes/cruz.gif / div style=height: 2.828cm;/div img src=imagenes/punto.gif / El caso es que con algunas impresoras la distancia sale clavada y en otras hay una diferencia de unos milimetros y no se encuentro el porque. ¿Alguien se le ocurre que puede estar pasando y si se podría solucionar de alguna manera? Gracias! Nacho ___ 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 -- -- ℱin del ℳensaje. ___ 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
