[Ovillo] Float me pisan div contenedores
Hola buenas Tengo el siguiente problemilla a ver si alguien me lo puede solucionar. Tengo un div contenedor, y dentro de el tengo dos div (col_iz y col_der) ambos con float left, para que el contenido se situe en 2 columnas. Despues de ellos coloco un div con clear:both. Todo funciona correctamente hasta que el contenido del primer div (col_iz) crece lo suficiente como para hacerlo mas grande que el contenedor principal. En IE funciona bien, pero en firefox y en IE7 hace que la columna de la izquierdapase por encima del contenedor principal pisando lo que tengo debajo. A ver si alguien me da una solucion. Muchas gracias __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
Yo quitaría ese div con el clear, que supongo está vacío. Le pondría al contenedor overflow:auto; Eso lo solucionaría en Firefox y demás. Para explorer le pondría un estilo que sólo pillase él (cometarios condicionales) y aplicaria algúna propiedad para cambiar el hasLayout, por ejemplo height:1%; o display:inline-block; Si te he entendido bien supongo que eso lo solucionaría. Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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] Float me pisan div contenedores
La verdad es que el overflow me soluciona el problema de los float pisandose pero me genera otro peor que es que me mustra las barras de scroll y no encuentro manera de quitarlas, Asi que tendré que seguir buscando solución - Mensaje original De: Pablo Suarez León <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 12:51:40 Asunto: Re: [Ovillo] Float me pisan div contenedores Yo quitaría ese div con el clear, que supongo está vacío. Le pondría al contenedor overflow:auto; Eso lo solucionaría en Firefox y demás. Para explorer le pondría un estilo que sólo pillase él (cometarios condicionales) y aplicaria algúna propiedad para cambiar el hasLayout, por ejemplo height:1%; o display:inline-block; Si te he entendido bien supongo que eso lo solucionaría. Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
Pues eso será porque las dimensiones de los divs interiores a ese contenedor exceden del tamaño de su contenedor. Revisa eso. Quizás los tiros vayan por ahí. Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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] Float me pisan div contenedores
Hola, overflow: hidden; saludos, El día 21/12/06, Rafa Quesada <[EMAIL PROTECTED]> escribió: > > > La verdad es que el overflow me soluciona el problema de los float > pisandose pero me genera otro peor que es que me mustra las barras de scroll > y no encuentro manera de quitarlas, Asi que tendré que seguir buscando > solución > > > > > > > > - Mensaje original > De: Pablo Suarez León <[EMAIL PROTECTED]> > Para: "Ovillo, la lista de CSS en castellano" > Enviado: jueves, 21 de diciembre, 2006 12:51:40 > Asunto: Re: [Ovillo] Float me pisan div contenedores > > Yo quitaría > ese div con el clear, que supongo está vacío. Le pondría al contenedor > overflow:auto; Eso lo solucionaría en Firefox y demás. Para explorer le > pondría un estilo que sólo pillase él (cometarios condicionales) y > aplicaria algúna propiedad para cambiar el hasLayout, por ejemplo > height:1%; o display:inline-block; > Si te he entendido bien supongo que eso lo solucionaría. > > > Pablo Suárez León > Analista Programador > Technosite > Grupo Fundosa > Tfno: 91-121.03.54 > Fax: 91-3.75.70.51 > www.technosite.es [http://www.technosite.es/] > ___ > 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 > > > > > > > > > __ > LLama Gratis a cualquier PC del Mundo. > Llamadas a fijos y móviles desde 1 céntimo por minuto. > http://es.voice.yahoo.com > ___ > 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] Float me pisan div contenedores
El problema es que con overflow:hidden el div flotante crece por no se ve la parte de abajo. Lo que necesito es que el div contenedor crezca a la vez que crece el flotante. Y que no me aparezcan las barras de scroll. Por defecto parece que esto no lo hace mas que en IE6 e inferiores. gracias - Mensaje original De: diego burich <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 15:16:59 Asunto: Re: [Ovillo] Float me pisan div contenedores Hola, overflow: hidden; saludos, El día 21/12/06, Rafa Quesada <[EMAIL PROTECTED]> escribió: > > > La verdad es que el overflow me soluciona el problema de los float > pisandose pero me genera otro peor que es que me mustra las barras de scroll > y no encuentro manera de quitarlas, Asi que tendré que seguir buscando > solución > > > > > > > > - Mensaje original > De: Pablo Suarez León <[EMAIL PROTECTED]> > Para: "Ovillo, la lista de CSS en castellano" > Enviado: jueves, 21 de diciembre, 2006 12:51:40 > Asunto: Re: [Ovillo] Float me pisan div contenedores > > Yo quitaría > ese div con el clear, que supongo está vacío. Le pondría al contenedor > overflow:auto; Eso lo solucionaría en Firefox y demás. Para explorer le > pondría un estilo que sólo pillase él (cometarios condicionales) y > aplicaria algúna propiedad para cambiar el hasLayout, por ejemplo > height:1%; o display:inline-block; > Si te he entendido bien supongo que eso lo solucionaría. > > > Pablo Suárez León > Analista Programador > Technosite > Grupo Fundosa > Tfno: 91-121.03.54 > Fax: 91-3.75.70.51 > www.technosite.es [http://www.technosite.es/] > ___ > 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 > > > > > > > > > __ > LLama Gratis a cualquier PC del Mundo. > Llamadas a fijos y móviles desde 1 céntimo por minuto. > http://es.voice.yahoo.com > ___ > 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
Y lo hacen por un bug en el overflow que hace que se estire el contenedor cuando no debería. Como te decía comprueba las dimensiones de los divs interiores al contenedor. La solución a lo que planteas pasa por el overflow:auto; ¿El código para poder verlo? Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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] Float me pisan div contenedores
Pues aqui te pongo la parte del css #contenido { background-color:#fff; color:#000; padding:0 0 0 1.3em; } #col_izq { background-color:#fff; height:51em; padding-top:1em; float:left; } #col_der{ float:right; width: 30%; height:52em; background-color:#EFEDED; border-left:1px solid #CCC; } Y luego los div se colocarian asi: ---contenido-- ---contenido-- El problema biene cuando col_izq crece (ya que lo hace de forma dinámica) pues "contenido" no se adecua a su tamaño. Espero que quede un poco mas claro. - Mensaje original De: Pablo Suarez León <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 16:33:22 Asunto: Re: [Ovillo] Float me pisan div contenedores Y lo hacen por un bug en el overflow que hace que se estire el contenedor cuando no debería. Como te decía comprueba las dimensiones de los divs interiores al contenedor. La solución a lo que planteas pasa por el overflow:auto; ¿El código para poder verlo? Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
Si #col_izq crece de manera dinámica ¿para que le pones height:51em;? Rafa Quesada escribió: > Pues aqui te pongo la parte del css > #contenido > { > background-color:#fff; > color:#000; > padding:0 0 0 1.3em; > } > #col_izq > { > background-color:#fff; > height:51em; > padding-top:1em; > float:left; > } > #col_der{ > float:right; > width: 30%; > height:52em; > background-color:#EFEDED; > border-left:1px solid #CCC; > } > > Y luego los div se colocarian asi: > > > > ---contenido-- > > > > ---contenido-- > > > > > > El problema biene cuando col_izq crece (ya que lo hace de forma dinámica) > pues "contenido" no se adecua a su tamaño. > > Espero que quede un poco mas claro. > > > > > - Mensaje original > De: Pablo Suarez León <[EMAIL PROTECTED]> > Para: "Ovillo, la lista de CSS en castellano" > Enviado: jueves, 21 de diciembre, 2006 16:33:22 > Asunto: Re: [Ovillo] Float me pisan div contenedores > > Y lo hacen por un bug en el overflow que hace que se estire el contenedor > cuando no debería. Como te decía comprueba las dimensiones de los divs > interiores al contenedor. La solución a lo que planteas pasa por el > overflow:auto; > ¿El código para poder verlo? > > > Pablo Suárez León > Analista Programador > Technosite > Grupo Fundosa > Tfno: 91-121.03.54 > Fax: 91-3.75.70.51 > www.technosite.es [http://www.technosite.es/] > ___ > 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 > > > > > > > > > __ > LLama Gratis a cualquier PC del Mundo. > Llamadas a fijos y móviles desde 1 céntimo por minuto. > http://es.voice.yahoo.com > ___ > 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 > > __ Información de NOD32, revisión 1931 (20061220) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ 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] Float me pisan div contenedores
y así? #contenido { background-color:#fff; color:#000; padding:0 0 0 1.3em; overflow:auto; } #col_izq { background-color:#fff; /*height:51em;*/ width:69%; padding-top:1em; float:left; } #col_der{ float:right; width: 30%; /*height:52em;*/ background-color:#EFEDED; border-left:1px solid #CCC; }Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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] Float me pisan div contenedores
Pues el height no lo uso para nada, se me ha debido colar en una de las pruebas que hacía para que este fuese mas alto. :-) - Mensaje original De: Nacho F. Carreño <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 17:00:20 Asunto: Re: [Ovillo] Float me pisan div contenedores Si #col_izq crece de manera dinámica ¿para que le pones height:51em;? Rafa Quesada escribió: > Pues aqui te pongo la parte del css > #contenido > { > background-color:#fff; > color:#000; > padding:0 0 0 1.3em; > } > #col_izq > { > background-color:#fff; > height:51em; > padding-top:1em; > float:left; > } > #col_der{ > float:right; > width: 30%; > height:52em; > background-color:#EFEDED; > border-left:1px solid #CCC; > } > > Y luego los div se colocarian asi: > > > > ---contenido-- > > > > ---contenido-- > > > > > > El problema biene cuando col_izq crece (ya que lo hace de forma dinámica) > pues "contenido" no se adecua a su tamaño. > > Espero que quede un poco mas claro. > > > > > - Mensaje original ---- > De: Pablo Suarez León <[EMAIL PROTECTED]> > Para: "Ovillo, la lista de CSS en castellano" > Enviado: jueves, 21 de diciembre, 2006 16:33:22 > Asunto: Re: [Ovillo] Float me pisan div contenedores > > Y lo hacen por un bug en el overflow que hace que se estire el contenedor > cuando no debería. Como te decía comprueba las dimensiones de los divs > interiores al contenedor. La solución a lo que planteas pasa por el > overflow:auto; > ¿El código para poder verlo? > > > Pablo Suárez León > Analista Programador > Technosite > Grupo Fundosa > Tfno: 91-121.03.54 > Fax: 91-3.75.70.51 > www.technosite.es [http://www.technosite.es/] > ___ > 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 > > > > > > > > > __ > LLama Gratis a cualquier PC del Mundo. > Llamadas a fijos y móviles desde 1 céntimo por minuto. > http://es.voice.yahoo.com > ___ > 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 > > __ Información de NOD32, revisión 1931 (20061220) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
Pues poniendo el overflow y quitando las alturas a los floar, me salen las barras de scroll. Lo curioso es que cuando crece la de la derecha me funciona bien. - Mensaje original De: Pablo Suarez León <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 17:04:32 Asunto: Re: [Ovillo] Float me pisan div contenedores y así? #contenido { background-color:#fff; color:#000; padding:0 0 0 1.3em; overflow:auto; } #col_izq { background-color:#fff; /*height:51em;*/ width:69%; padding-top:1em; float:left; } #col_der{ float:right; width: 30%; /*height:52em;*/ background-color:#EFEDED; border-left:1px solid #CCC; }Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
Pues no hay forma he probado de todo ya unica forma que encuentro para simular el bug del explorer es el clear:both pero no se lo puedo poner a la columna de la izquierda y en el de la derecha no me coge la altura correcta - Mensaje original De: Rafa Quesada <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 17:44:09 Asunto: Re: [Ovillo] Float me pisan div contenedores Pues poniendo el overflow y quitando las alturas a los floar, me salen las barras de scroll. Lo curioso es que cuando crece la de la derecha me funciona bien. - Mensaje original De: Pablo Suarez León <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: jueves, 21 de diciembre, 2006 17:04:32 Asunto: Re: [Ovillo] Float me pisan div contenedores y así? #contenido { background-color:#fff; color:#000; padding:0 0 0 1.3em; overflow:auto; } #col_izq { background-color:#fff; /*height:51em;*/ width:69%; padding-top:1em; float:left; } #col_der{ float:right; width: 30%; /*height:52em;*/ background-color:#EFEDED; border-left:1px solid #CCC; }Pablo Suárez León Analista Programador Technosite Grupo Fundosa Tfno: 91-121.03.54 Fax: 91-3.75.70.51 www.technosite.es [http://www.technosite.es/] ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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] Float me pisan div contenedores
On 12/21/06, Rafa Quesada <[EMAIL PROTECTED]> wrote: > > > > > > > El problema biene cuando col_izq crece (ya que lo hace de forma dinámica) > pues "contenido" no se adecua a su tamaño. a ver si esto funciona: /* layout - clear contained floats (www.positioniseverything.net/easyclearing.html) */ #contenido:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #contenido { display: inline-block; } /* [!] ie fix hidden from ie-mac \*/ * html #contenido { height: 1%; } #contenido { display: block; } /* end hide */ esto es una version actyalizada para IE7 de: http://www.positioniseverything.net/easyclearing.html -- inti castro [EMAIL PROTECTED] ___ 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