[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
Buenas:
La cursiva añade 3px inventados en Iinternet Explorer 6.0 (creo que en
el 7 ya no sucede).
Ajusta el ancho de las capas para que pueda soportar ese extra.
Saludos,
_ Juan Miguel Imaz
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?.
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
___
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
Hola Maribel,
no sé el motivo por el cual pasa pero me ha tocado a mi también una vez (no
me acuerdo exactamente en que web). Me recuerdo que lo había solucionado
usando una propiedad css que solo IE reconoce:
.elementoQueContieneTexto {
word-wrap: break-word;
}
El problema surge a la hora de validar :S
A lo mejor habría otra manera de solucionarlo... yo por los menos no logré
encontrarla :(
Un saludo,
Tamara
On Nov 22, 2007 5:26 PM, Maribel Carbajales [EMAIL PROTECTED] wrote:
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
___
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
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
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
