Re: [Ovillo] sustituto para el br style=clear: both;
He estado investigando un poco y resulta que el problema del margen en elementos con overflow hidden tiene su explicación. También tiene una solución sencilla. DESCRIPCIÓN Tenemos un elemento que se debe de expandir para contener a los floats que tiene en su interior. Pero, a su vez, este elemento está junto a otros flotantes. Para que se produzca esta expansión, establecemos la propiedad overflow en hidden (también vale auto). El problema surje cuando este elemento está junto a flotantes (no confundir con los flotantes internos) y, además, le añadimos un margen para crear un efecto de columna. Entonces, unos navegadores (ej. IE7 o Firefox3 bajo Windows) calculan este margen desde el borde de la caja que contiene a este elemento (y a los floats adyacentes), mientras que otros (ej. Opera, Safari, Firefox en Linux) lo calculan desde el límite de los floats laterales. - Al parecer, la mayoría de los navegadores modernos calculan los márgenes del elemento con overflow:hidden desde los bordes de las caja flotantes que pudieran tener a su lado. ¿QUÉ DICEN LAS ESPECIFICACIONES? Establecer la propiedad overflow a hidden (o cualquier valor distinto de visible) hace que que se genere un nuevo contexto de formato de bloque [1]. CSS2.1 impide que el elemento con este nuevo contexto se solape con los flotantes. Para ello da la opción de que la caja se haga más estrecha o bien limpie los flotantes pasando a estar debajo de ellos [2]. En CSS3 sucede lo mismo. En CSS2 no he visto nada. Por lo tanto, según esto, ni Internet Explorer 6 y 7 ni Firefox bajo Windows siguen la especificación CSS2.1 en adelante, ya que contraen el contenido inline del elemento, pero no la caja, que se solapa con los flotantes laterales y, como consecuencia, calculan mal los márgenes. SOLUCIÓN Para que el comportamiento sea congruente con los diferentes navegadores, la solución no podía ser más sencilla: * Envolver el elemento con overflow:hidden dentro de otro y establecer los márgenes sólo al elemento padre. Aunque se puede alegar que esto añade marcado no semántico (una etiqueta nueva sólo para añadir márgenes), hay que tener en cuenta que no se aplica a todos los elementos con overflow:hidden, tan sólo a los que estén posicionados junto a floats y queramos que tengan un margen para crear el efecto de columna. Además, según el caso, puede que este elemento padre ya estuviese creado, con lo que sólo añadiríamos el margen en las css. Saludos Referencias [1] http://www.w3.org/TR/CSS21/visuren.html#block-formatting [2] http://www.w3.org/TR/CSS21/visuren.html#bfc-next-to-float El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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] sustituto para el br style=clear: both;
¿Raro?. Es un diseño a tres columnas con las columnas laterales de ancho fijo, sacado de una plantilla. Si haces un diseño en porcentajes y no incluyes márgenes al elemento con overflow:hidden, entonces no se reproducirá este problema, pero será otro diseño con otras características, que podrá valer o no. Saludos El 5 de marzo de 2009 2:23, Ignacio Ricci ignacio.ri...@gmail.comescribió: Bueno pero ese es un armado raro. Para mi eso serían 3 floats con anchos en porcentajes. 2009/3/4 Daniel Navarro webpe...@gmail.com Perdona por no explicarme bien: hay un elemento con floats en su interior, al que se le aplica overflow:hidden para que se extienda y englobe a estos floats interiores. Pero, a su vez, al lado de este elemento también hay floats (las barras laterales en un diseño a tres columnas). Lo mejor es que lo veas en acción. He colgado el ejemplo en: http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html Nota: no hagas caso al código javascript que incluye este proveedor al final de los documentos. Saludos El 4 de marzo de 2009 21:16, Ignacio Ricci ignacio.ri...@gmail.com escribió: No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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 -- ↓ Ignacio Ricci www.ignacioricci.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] sustituto para el br style=clear: both;
Aupa La verdad que da gusto, uno manda algo creyendo que es, o puede ser la solución y siempre hay gente con opciones diferentes y/o que le saca los inconvenientes, con lo cual aprendemos mucho todos, o por lo menos yo :) También he probado la solución de flotar el contenedor, y funciona, pero deja debajo un espacio, como si tuviera un padding-bottom o algo así que ni poniendo a el último elemento margin: 0 y al contenedor padding: 0 desaparece y no acierto a saber de donde sale ese espacio, por lo que me he decantado por el overflow: hidden, que creo que en este caso no me dará ninguno de los problemas comentados. saludos ___ 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] sustituto para el br style=clear: both;
Juan, esa tecnica se denomina easy clear. Y en un momento la use.Pero requiere más lineas de código y es muy inconsistente. A veces funciona y a veces no. El overflow hidden funciona perfecto. Y si encontramos algun problema con IE6 es cuestión de usar height:1% para arreglar los problemas de hasLayout. 2009/3/5 Martin Etxauri t...@eragin.com Aupa La verdad que da gusto, uno manda algo creyendo que es, o puede ser la solución y siempre hay gente con opciones diferentes y/o que le saca los inconvenientes, con lo cual aprendemos mucho todos, o por lo menos yo :) También he probado la solución de flotar el contenedor, y funciona, pero deja debajo un espacio, como si tuviera un padding-bottom o algo así que ni poniendo a el último elemento margin: 0 y al contenedor padding: 0 desaparece y no acierto a saber de donde sale ese espacio, por lo que me he decantado por el overflow: hidden, que creo que en este caso no me dará ninguno de los problemas comentados. saludos ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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
[Ovillo] sustituto para el br style=clear: both;
Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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] sustituto para el br style=clear: both;
O overflow:hidden; Tienen el mismo efecto. 2009/3/4 Martin Etxauri t...@eragin.com Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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] sustituto para el br style=clear: both;
He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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] sustituto para el br style=clear: both;
No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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] sustituto para el br style=clear: both;
Completamente de acuerdo con el overflow:auto (o hidden), funciona bien y se evita añadir elementos vacios al código HTML. En cambio a mi se me planteó un problema (que conste soy novato en esto), si bien consegui que la capa (contenedor en este caso) cerrara todos los elementos, un elemento que sobresalía por un posicionamiento relativo tambien lo cerró y no se veía ese parte que traté de forzar fuera de la caja. Esta es una buena referencia y muy bien explicada. http://www.librosweb.es/css_avanzado/capitulo1/limpiar_floats.html El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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] sustituto para el br style=clear: both;
Perdona por no explicarme bien: hay un elemento con floats en su interior, al que se le aplica overflow:hidden para que se extienda y englobe a estos floats interiores. Pero, a su vez, al lado de este elemento también hay floats (las barras laterales en un diseño a tres columnas). Lo mejor es que lo veas en acción. He colgado el ejemplo en: http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html Nota: no hagas caso al código javascript que incluye este proveedor al final de los documentos. Saludos El 4 de marzo de 2009 21:16, Ignacio Ricci ignacio.ri...@gmail.comescribió: No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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] sustituto para el br style=clear: both;
Bueno pero ese es un armado raro. Para mi eso serían 3 floats con anchos en porcentajes. 2009/3/4 Daniel Navarro webpe...@gmail.com Perdona por no explicarme bien: hay un elemento con floats en su interior, al que se le aplica overflow:hidden para que se extienda y englobe a estos floats interiores. Pero, a su vez, al lado de este elemento también hay floats (las barras laterales en un diseño a tres columnas). Lo mejor es que lo veas en acción. He colgado el ejemplo en: http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html Nota: no hagas caso al código javascript que incluye este proveedor al final de los documentos. Saludos El 4 de marzo de 2009 21:16, Ignacio Ricci ignacio.ri...@gmail.com escribió: No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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 -- ↓ Ignacio Ricci www.ignacioricci.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] sustituto para el br style=clear: both;
Yo después de probar todo he optado por:
#caja:after
{
content: ; /* Un espacio, no hace falta el puntito ;-) */
display: block;
clear: both;
visibility: hidden; /* Estos dos ultimos */
height: 0; /* no son necesarios si utilizamos el espacio en lugar del
punto*/
}
Y en una hoja de estilos condicional solo para iexplorers.
#caja
{
display: inline-block;
}
Y cuando llegué el dia imaginario que los ie soporten :after pues te podrás
ahorrar lo ultimo.
Saludos
___
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
