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;
}
div class=limpia
pimg src=... / Texto falso /p (La imagen con float: left;)
/div
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
pimg src=... / Texto falso /p (La imagen con float: left;)
div class=limpia/div (Tb puse el nbsp;)
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
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
div style=clear:both;/div
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
div class=limpiabr //div 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] Problemas con el texto justificado y en cursiva
Hola lista!
Tengo una plantilla con dos columnas, dos div que flotan, uno de ellos
con texto justificado (petición expresa del cliente). El problema surge
cuando dentro del div justificado introduzco una frase en cursiva
(italic). Si la frase se parte en dos líneas la página se desmonta en el
explorer y el div de la derecha se coloca debajo del otro. Esto sólo me
pasa en el Explorer. Si quito la cursiva la página se muestra
correctamente. ¿Sabeis por qué me pasa esto? ¿Cómo lo puedo solucionar?.
Saludos
Este sería el código del ejemplo:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; lang=gl
head
titlePrueba/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
style type=text/css
!--
body {
margin: 0 auto;
padding: 0;
}
#contenido {
width: 500px;
margin: 0 auto;
}
.izquierda {
width: 300px;
text-align: justify;
float: left;
}
.derecha {
width: 180px;
margin: 0 0 0 20px;
text-align: left;
float: right;
}
em {
font-style: italic;
color: #cc;
}
--
/style
/head
body
div id=contenido
div class=izquierda
pLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. emUt wisi enim ad minim veniam, quis nostrud exercitation
ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo
consequat/em. Duis autem veleum iriure dolor in hendrerit in vulputate
velit esse molestie consequat.../p
/div
div class=derecha
pMa quande lingues coalesce, li grammatica del resultant
lingue es plu simplic e regulari quam ti del coalescent lingues.../p
/div
/div
/body
/html
___
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] Problemas con el texto justificado y en cursiva
Gracias!!! Caramba, me hubiese ahorrado muchos disgustos de haber sabido esto antes... pues mira que he tenido que hacer ajustes para el explorer pero sin entender a qué se debían!!!. Bueno, aunque supongo que intentar buscarle una lógica al explorer es causa perdida... :D Rodrigo Álvarez Virgós wrote: Hola, Maribel Maribel Carbajales escribió: Hola lista! Tengo una plantilla con dos columnas, dos div que flotan, uno de ellos con texto justificado (petición expresa del cliente). El problema surge cuando dentro del div justificado introduzco una frase en cursiva (italic). Si la frase se parte en dos líneas la página se desmonta en el explorer y el div de la derecha se coloca debajo del otro. Esto sólo me pasa en el Explorer. Si quito la cursiva la página se muestra correctamente. ¿Sabeis por qué me pasa esto? ¿Cómo lo puedo solucionar?. El 3 es el número mágico en IE: http://www.positioniseverything.net/explorer/threepxtest.html También prueba a darle a las capas que se descolocan un height de al menos 1%, 1px. etc ___ 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
