Re: [Ovillo] Una clase CLEARFLOAT que funcione en IE
Javier:
En CSS
.cleaner { clear:both; }
Esto funciona en IE y en FF y no deja espacios en blanco.
Saldudos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Javier Prieto
Enviado el: viernes, 23 de noviembre de 2007 08:57
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Una clase CLEARFLOAT que funcione en IE
Hola listeros:
Llevo tiempo intentando encontrar una clase que rompa el float, por
ejemplo de una imagen
Hasta ahora venia usando
tambien me sigue dejando el hueco en el
Explorer.
Sabeis si me falta algo en esa clase
Supongo que es un tema requetehablado, pero no encuentro ná de ná
Echarme un cable por favor
Muchas gracias
___
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] Una clase CLEARFLOAT que funcione en IE
Usé la opcion de MAribel y es perfecta, lo único que para no andar
creándome DIVS para contener los flotantes, le puse la clase al y
tira millas
Texto falso (La imagen con float: left;)
THANK YOU!!
Maribel Carbajales escribió:
> Prueba así:
>
> .limpia:after {
> content: ".";
> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
> .limpia {
> zoom: 1;
> }
>
> Texto falso (La imagen con float: left;)
>
>
> Está explicado en la url que envía "Coke"
> http://www.csslab.cl/2006/07/20/flotando-en-la-incertidumbre/
>
> Javier Prieto wrote:
>
>
>> Pues no lo consigo
>>
>> He puesto
>>
>> Texto falso (La imagen con float: left;)
>> (Tb puse el )
>>
>> la clase .limpia:
>>
>> .limpia {
>>clear: both;
>>height: 0;
>>margin: 0;
>>padding: 0;
>>font-size: 0.01em;
>>line-height: 0.01em;
>> }
>>
>> y me sigue dejando el hueco en Explorer
>>
>> Voy a leer lo que me manda Coke.
>>
>> Muchas gracias a todos
>>
>> ___
>> 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] Una clase CLEARFLOAT que funcione en IE
Bueno, tendré que reabrir el tema porque ahora en Firefox me deja un
hueco más grande, y en Explorer lo ha reducido pero qué narices
¡NUNCA LO ELIMINA DEL TODO!
Que infierno, ahora tengo que tirar las 200 copias que imprimí con el
truquito
jaume op escribió:
> Mira esto a ver, aunque ya te lo indicaron
>
> // .clearfix:after {
> content: ".";
> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
>
> .clearfix {display: inline-block;}
>
> /* Hides from IE-mac \*/
> * html .clearfix {height: 1%;}
> .clearfix {display: block;}
> /* End hide from IE-mac *///
>
>
> http://www.positioniseverything.net/easyclearing.html
> http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment22
>
> El día 23/11/07, Javier Prieto <[EMAIL PROTECTED]> escribió:
>
>> Pues no lo consigo
>>
>> He puesto
>>
>> Texto falso (La imagen con float: left;)
>> (Tb puse el )
>>
>> la clase .limpia:
>>
>> .limpia {
>> clear: both;
>> height: 0;
>> margin: 0;
>> padding: 0;
>> font-size: 0.01em;
>> line-height: 0.01em;
>> }
>>
>> y me sigue dejando el hueco en Explorer
>>
>> Voy a leer lo que me manda Coke.
>>
>> Muchas gracias a todos
>>
>> ___
>> 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] Una clase CLEARFLOAT que funcione en IE
Ok ,este lio que me mandas me ha funcionado, muchas gracias JAUME
Gracias al resto, y a Maribel (no queria usar tu opcion porque el div
que contiene el y la es muy complejo y temia que se estropeara
algo, pero gracias tb a ti)
Al final lo consegui , lo voy a imprimir 200 veces para que no me olvide
jaume op escribió:
> Mira esto a ver, aunque ya te lo indicaron
>
> // .clearfix:after {
> content: ".";
> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
>
> .clearfix {display: inline-block;}
>
> /* Hides from IE-mac \*/
> * html .clearfix {height: 1%;}
> .clearfix {display: block;}
> /* End hide from IE-mac *///
>
>
> http://www.positioniseverything.net/easyclearing.html
> http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment22
>
> El día 23/11/07, Javier Prieto <[EMAIL PROTECTED]> escribió:
>
>> Pues no lo consigo
>>
>> He puesto
>>
>> Texto falso (La imagen con float: left;)
>> (Tb puse el )
>>
>> la clase .limpia:
>>
>> .limpia {
>> clear: both;
>> height: 0;
>> margin: 0;
>> padding: 0;
>> font-size: 0.01em;
>> line-height: 0.01em;
>> }
>>
>> y me sigue dejando el hueco en Explorer
>>
>> Voy a leer lo que me manda Coke.
>>
>> Muchas gracias a todos
>>
>> ___
>> 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] Una clase CLEARFLOAT que funcione en IE
Mira esto a ver, aunque ya te lo indicaron
// .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac *///
http://www.positioniseverything.net/easyclearing.html
http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment22
El día 23/11/07, Javier Prieto <[EMAIL PROTECTED]> escribió:
>
> Pues no lo consigo
>
> He puesto
>
> Texto falso (La imagen con float: left;)
> (Tb puse el )
>
> la clase .limpia:
>
> .limpia {
> clear: both;
> height: 0;
> margin: 0;
> padding: 0;
> font-size: 0.01em;
> line-height: 0.01em;
> }
>
> y me sigue dejando el hueco en Explorer
>
> Voy a leer lo que me manda Coke.
>
> Muchas gracias a todos
>
> ___
> 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] Una clase CLEARFLOAT que funcione en IE
Prueba así:
.limpia:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.limpia {
zoom: 1;
}
Texto falso (La imagen con float: left;)
Está explicado en la url que envía "Coke"
http://www.csslab.cl/2006/07/20/flotando-en-la-incertidumbre/
Javier Prieto wrote:
>Pues no lo consigo
>
>He puesto
>
> Texto falso (La imagen con float: left;)
> (Tb puse el )
>
> la clase .limpia:
>
>.limpia {
>clear: both;
>height: 0;
>margin: 0;
>padding: 0;
>font-size: 0.01em;
>line-height: 0.01em;
>}
>
>y me sigue dejando el hueco en Explorer
>
>Voy a leer lo que me manda Coke.
>
>Muchas gracias a todos
>
>___
>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] Una clase CLEARFLOAT que funcione en IE
Pues no lo consigo
He puesto
Texto falso (La imagen con float: left;)
(Tb puse el )
la clase .limpia:
.limpia {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0.01em;
line-height: 0.01em;
}
y me sigue dejando el hueco en Explorer
Voy a leer lo que me manda Coke.
Muchas gracias a todos
___
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] Una clase CLEARFLOAT que funcione en IE
Yo utilizo el famoso "clearfix" para contener los elementos que flotan:
.limpia:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.limpia {
zoom: 1;
}
Javier Prieto wrote:
>Hola listeros:
>
>Llevo tiempo intentando encontrar una clase que rompa el float, por
>ejemplo de una imagen
>Hasta ahora venia usando
>
>
>Pero el Explorer 6 y 7 deja un hueco
>
>Luego encontré una clase por ahí
>
>*.limpia {
>clear: both;
>height: 0;
>margin: 0;
>font-size: 1px;
>line-height: 0px;
>}
>
>*... pero si pongo
> tambien me sigue dejando el hueco en el
>Explorer.
>
>Sabeis si me falta algo en esa clase
>Supongo que es un tema requetehablado, pero no encuentro ná de ná
>
>Echarme un cable por favor
>Muchas gracias
>___
>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] Una clase CLEARFLOAT que funcione en IE
No te lo explico por ando liadillo pero te paso lo que uso, ya lo explico
alguien en ingles [1] y en español [2].
Un saludo
[1] http://www.positioniseverything.net/easyclearing.html -
http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment22
[2]http://www.csslab.cl/2006/07/20/flotando-en-la-incertidumbre/
El día 23/11/07, Javier Prieto <[EMAIL PROTECTED]> escribió:
>
> Hola listeros:
>
> Llevo tiempo intentando encontrar una clase que rompa el float, por
> ejemplo de una imagen
> Hasta ahora venia usando
>
>
> Pero el Explorer 6 y 7 deja un hueco
>
> Luego encontré una clase por ahí
>
> *.limpia {
> clear: both;
> height: 0;
> margin: 0;
> font-size: 1px;
> line-height: 0px;
> }
>
> *... pero si pongo
> tambien me sigue dejando el hueco en el
> Explorer.
>
> Sabeis si me falta algo en esa clase
> Supongo que es un tema requetehablado, pero no encuentro ná de ná
>
> Echarme un cable por favor
> Muchas gracias
> ___
> 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] Una clase CLEARFLOAT que funcione en IE
Javier, más que faltar te sobra... con sin el , no
necesitas contenido. Al añadirlo es cuando la capa toma dimensión y por
tanto ocupa espacio.
Saludos
El vie, 23-11-2007 a las 12:57 +0100, Javier Prieto escribió:
> Hola listeros:
>
> Llevo tiempo intentando encontrar una clase que rompa el float, por
> ejemplo de una imagen
> Hasta ahora venia usando
>
>
> Pero el Explorer 6 y 7 deja un hueco
>
> Luego encontré una clase por ahí
>
> *.limpia {
> clear: both;
> height: 0;
> margin: 0;
> font-size: 1px;
> line-height: 0px;
> }
>
> *... pero si pongo
> tambien me sigue dejando el hueco en el
> Explorer.
>
> Sabeis si me falta algo en esa clase
> Supongo que es un tema requetehablado, pero no encuentro ná de ná
>
> Echarme un cable por favor
> Muchas gracias
> ___
> 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] Una clase CLEARFLOAT que funcione en IE
Porque no pruebas a meter el siguiente código (no entiendo la necesidad
de meter un salvo para que el div no este vacio):
Y para que no te de problemas de accesibilidad (tamaño de fuentes fijos)
yo suelo definir el css de la siguiente forma:
*.limpia {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0.01em;
line-height: 0.01em;
}
Espero te valga la sulución.
_ Juan Miguel Imaz
Javier Prieto escribió:
> Hola listeros:
>
> Llevo tiempo intentando encontrar una clase que rompa el float, por
> ejemplo de una imagen
> Hasta ahora venia usando
>
>
> Pero el Explorer 6 y 7 deja un hueco
>
> Luego encontré una clase por ahí
>
> *.limpia {
> clear: both;
> height: 0;
> margin: 0;
> font-size: 1px;
> line-height: 0px;
> }
>
> *... pero si pongo
> tambien me sigue dejando el hueco en el
> Explorer.
>
> Sabeis si me falta algo en esa clase
> Supongo que es un tema requetehablado, pero no encuentro ná de ná
>
> Echarme un cable por favor
> Muchas gracias
> ___
> 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] Una clase CLEARFLOAT que funcione en IE
Hola listeros: Llevo tiempo intentando encontrar una clase que rompa el float, por ejemplo de una imagen Hasta ahora venia usando tambien me sigue dejando el hueco en el Explorer. Sabeis si me falta algo en esa clase Supongo que es un tema requetehablado, pero no encuentro ná de ná Echarme un cable por favor Muchas gracias ___ 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
