Re: [Ovillo] sustituto para el br style=clear: both;

2009-03-06 Por tema Daniel Navarro
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;

2009-03-05 Por tema Daniel Navarro
¿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;

2009-03-05 Por tema Martin Etxauri
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;

2009-03-05 Por tema Ignacio Ricci
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;

2009-03-04 Por tema Martin Etxauri
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;

2009-03-04 Por tema Ignacio Ricci
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;

2009-03-04 Por tema Daniel Navarro
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;

2009-03-04 Por tema Ignacio Ricci
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;

2009-03-04 Por tema manuel cuesta
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;

2009-03-04 Por tema Daniel Navarro
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;

2009-03-04 Por tema Ignacio Ricci
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;

2009-03-04 Por tema Juan Rebollo
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