[Ovillo] Border-radius y box-shadow en IE8

2011-01-05 Por tema santosvz 
En este enlace http://css3pie.com/ aparece un sistema para que en IE6/8
interprete tanto border-radius como box-shadow en CSS3.
Poniendo en práctica las indicaciones en un ejemplo me funciona
correctamente con FF, Chrome, Safari y Opera, pero no consigo que mi IE8 lo
interprete correctamente. 
Sin embargo el enlace http://css3pie.com abierto en IE8 se ve correctamente
tanto border-radius como box-shadow.

Supuestamente deberia resolverse con la incorporacion de style :
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);
Lo he probado con todos los archivos de PIE-1.0beta3 y nada. 

Algo se me escapa?

___
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] Border-radius y box-shadow en IE8

2011-01-05 Por tema Juan Txonta 


El 05/01/11 16:11, santosvz escribió:
 En este enlace http://css3pie.com/ aparece un sistema para que en IE6/8
 interprete tanto border-radius como box-shadow en CSS3.
 Poniendo en práctica las indicaciones en un ejemplo me funciona
 correctamente con FF, Chrome, Safari y Opera, pero no consigo que mi IE8 lo
 interprete correctamente.
 Sin embargo el enlace http://css3pie.com abierto en IE8 se ve correctamente
 tanto border-radius como box-shadow.

 Supuestamente deberia resolverse con la incorporacion de style :
 -pie-background: linear-gradient(#EEFF99, #66EE33);
 behavior: url(/PIE.htc);
 Lo he probado con todos los archivos de PIE-1.0beta3 y nada.

 Algo se me escapa?

 ___
 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

Hola.
Yo he usado PIE.htc y me funciona sin problemas, aunque si hubo algún 
problema para que lo leyera IExplorer que se solucionó (como 
recomendaban en algún post) añadiendo a url(/PIE.htc) La ruta completa 
al archivo.
A ver si te sirve. Saludos.
Juan

___
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] Border-radius y box-shadow en IE8

2011-01-05 Por tema santosvz 
He probado con servidor local y remoto para el directorio de PIE.htc,
incluso con PIE.js, pero no resulto.
Coloco tal como lo tengo por si ven algún error.

===
.piecss3{
border: 1px solid #696;
text-align: justify; width: 500px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #333 2px 2px 10px;
-moz-box-shadow: #666 2px 2px 10px;
box-shadow: #666 2px 2px 10px;
background:  #E8FCF7;
background: -webkit-gradient(linear, 0 0, 0 bottom,
from(#E8FCF7), to(#A0FFCE));
background: -moz-linear-gradient(#E8FCF7, #A0FFCE);
background: linear-gradient(#E8FCF7, #A0FFCE);
-pie-background: linear-gradient(#E8FCF7, #A0FFCE);
behavior: url(/PIE.htc);
}
p{
font-family:Arial, Helvetica, sans-serif; font-size: 0.8em;
padding: 0px 8px;
}

Imagen: http://bit.ly/efz3R3

Corrección: En Opera 11 (actualizado ayer, antes de actualizar si) no
visualiza background gradient pero si border-radius y box-shadow.
Gracias por sus respuestas.

(-:-Mensaje original-
(-:De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En
(-:nombre de Juan Txonta
(-:Enviado el: Miércoles, 05 de Enero de 2011 11:16 a.m.-
(-:Para: ovillo@lists.ovillo.org
(-:Asunto: Re: [Ovillo] Border-radius y box-shadow en IE8
(-:
(-:
(-:
(-:El 05/01/11 16:11, santosvz escribió:
(-: En este enlace http://css3pie.com/ aparece un sistema para que en IE6/8
(-: interprete tanto border-radius como box-shadow en CSS3.
(-: Poniendo en práctica las indicaciones en un ejemplo me funciona
(-: correctamente con FF, Chrome, Safari y Opera, pero no consigo que mi
IE8 lo
(-: interprete correctamente.
(-: Sin embargo el enlace http://css3pie.com abierto en IE8 se ve
correctamente
(-: tanto border-radius como box-shadow.
(-:
(-: Supuestamente deberia resolverse con la incorporacion de style :
(-: -pie-background: linear-gradient(#EEFF99, #66EE33);
(-: behavior: url(/PIE.htc);
(-: Lo he probado con todos los archivos de PIE-1.0beta3 y nada.
(-:
(-: Algo se me escapa?
(-:
(-: ___
(-: 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
(-:
(-:Hola.
(-:Yo he usado PIE.htc y me funciona sin problemas, aunque si hubo algún
(-:problema para que lo leyera IExplorer que se solucionó (como
(-:recomendaban en algún post) añadiendo a url(/PIE.htc) La ruta completa
(-:al archivo.
(-:A ver si te sirve. Saludos.
(-:Juan
(-:
(-:___
(-: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] Border-radius y box-shadow en IE8

2011-01-05 Por tema Tei 
2011/1/5 santosvz santo...@graficssvz.com:
...

 Algo se me escapa?


yo no se mucho de css, pero mira si puede ser que este usando el
quirks mode porque no le mola el doctype

ie cuando esta en quirks mode dibuja el css como le da la santa gana,
asi que poner uno u otro doctype afecta muchisimo..  no se si para
este tema tambien.



-- 
--
ℱin del ℳensaje.
___
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] Border-radius y box-shadow en IE8

2011-01-05 Por tema Andrés gutiérrez 
El 5 de enero de 2011 17:57, Tei oscar.vi...@gmail.com escribió:

 2011/1/5 santosvz santo...@graficssvz.com:
 ...
 
  Algo se me escapa?
 

 yo no se mucho de css, pero mira si puede ser que este usando el
 quirks mode porque no le mola el doctype

 ie cuando esta en quirks mode dibuja el css como le da la santa gana,
 asi que poner uno u otro doctype afecta muchisimo..  no se si para
 este tema tambien.

Por curiosidad Tei, si no sabes mucho de css ¿En que eres bueno?
No lo digo con mala leche. Solo que me parece que el comentario del doctype
no es de un novato. Algo sabes ;)




 --
 --
 ℱin del ℳensaje.
 ___
 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] Border-radius y box-shadow en IE8

2011-01-05 Por tema Tei 
2011/1/5 Andrés gutiérrez andresgut...@gmail.com:
 El 5 de enero de 2011 17:57, Tei oscar.vi...@gmail.com escribió:

 2011/1/5 santosvz santo...@graficssvz.com:
 ...
 
  Algo se me escapa?
 

 yo no se mucho de css, pero mira si puede ser que este usando el
 quirks mode porque no le mola el doctype

 ie cuando esta en quirks mode dibuja el css como le da la santa gana,
 asi que poner uno u otro doctype afecta muchisimo..  no se si para
 este tema tambien.

..
 No lo digo con mala leche. Solo que me parece que el comentario del doctype
 no es de un novato. Algo sabes ;)

Hombre, es una frase introductoria. La verdad es ...que en esta lista
hay gente que es muy buena con el CSS, con lo que cuenta, y yo puedo
decir alguna cosa que puede ser directamente erronea. En esas
condiciones, honestamente tengo que incluir ese comentario formula de
modestia, me lo pide el cuerpo. Y ya esta.

-- 
--
ℱin del ℳensaje.
___
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] Border-radius y box-shadow en IE8

2011-01-05 Por tema Andrés gutiérrez 
El 5 de enero de 2011 18:44, Tei oscar.vi...@gmail.com escribió:

 2011/1/5 Andrés gutiérrez andresgut...@gmail.com:
  El 5 de enero de 2011 17:57, Tei oscar.vi...@gmail.com escribió:
 
  2011/1/5 santosvz santo...@graficssvz.com:
  ...
  
   Algo se me escapa?
  
 
  yo no se mucho de css, pero mira si puede ser que este usando el
  quirks mode porque no le mola el doctype
 
  ie cuando esta en quirks mode dibuja el css como le da la santa gana,
  asi que poner uno u otro doctype afecta muchisimo..  no se si para
  este tema tambien.
 
 ..
  No lo digo con mala leche. Solo que me parece que el comentario del
 doctype
  no es de un novato. Algo sabes ;)

 Hombre, es una frase introductoria. La verdad es ...que en esta lista
 hay gente que es muy buena con el CSS, con lo que cuenta, y yo puedo
 decir alguna cosa que puede ser directamente erronea. En esas
 condiciones, honestamente tengo que incluir ese comentario formula de
 modestia, me lo pide el cuerpo. Y ya esta.

Podrías haber dicho algo como IMHO o yo creo que . yo no se mucho de css
no se ajusta a tu comentario posterior ;)


 --
 --
 ℱin del ℳensaje.
 ___
 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] Border-radius y box-shadow en IE8

2011-01-05 Por tema santosvz 
Probé con :
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN 
http://www.w3.org/TR/html4/loose.dtd;

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN 
http://www.w3.org/TR/html4/strict.dtd;

PD/ parece ser mas importante no se mucho de css que el tema del mensaje?


(-:-Mensaje original-
(-:De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] 
En
(-:nombre de Tei
(-:Enviado el: Miércoles, 05 de Enero de 2011 12:27 p.m.- Santos-
(-:Para: Ovillo, la lista de CSS en castellano
(-:Asunto: Re: [Ovillo] Border-radius y box-shadow en IE8
(-:
(-:2011/1/5 santosvz santo...@graficssvz.com:
(-:...
(-:
(-: Algo se me escapa?
(-:
(-:
(-:yo no se mucho de css, pero mira si puede ser que este usando el
(-:quirks mode porque no le mola el doctype
(-:
(-:ie cuando esta en quirks mode dibuja el css como le da la santa gana,
(-:asi que poner uno u otro doctype afecta muchisimo..  no se si para
(-:este tema tambien.
(-:
(-:
(-:
(-:--
(-:--
(-:ℱin del ℳensaje.
(-:___
(-: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] Border-radius y box-shadow en IE8 Solucionado!

2011-01-05 Por tema santosvz 
La solución es colocar el path completo http://www.misitio.com/PIE.htc  tal 
como me indico el amigo Juan.

Ejemplo: http://santosvz.vndv.com/example/piecss3/p_1.html

Lo curioso es que al abrir el archivo en FF se ve correctamente pero al 
utilizar el motor de IE8 no respeta el padding  top y bottom de p, pero si se 
abre directamente en IE8, si lo respeta.
Opera 11.0:  Sigue sin interpretar background: linear-gradient(#E8FCF7, 
#A0FFCE); (configuración predeterminada)
Chrome 5: Correcto
Safari 4.0.5: Correcto
FF 3.6.13: Correcto
IE8: Correcto

¡Experiencia es lo que obtienes, cuando no obtienes lo que quieres!
Un cordial saludo de SantosVZ





___
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] Border-radius y box-shadow en IE8 Solucionado!

2011-01-05 Por tema santosvz 
Perdón por el error todavía tenía el acceso directo como Chrome 5 y es
Chrome 9.0.597.42 beta

Un cordial saludo de SantosVZ




(-:-Mensaje original-
(-:De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En
(-:nombre de santosvz
(-:Enviado el: Miércoles, 05 de Enero de 2011 04:24 p.m.- Santos-
(-:Para: 'Ovillo, la lista de CSS en castellano'
(-:Asunto: [Ovillo] Border-radius y box-shadow en IE8 Solucionado!
(-:
(-:La solución es colocar el path completo http://www.misitio.com/PIE.htc
tal como
(-:me indico el amigo Juan.
(-:
(-:Ejemplo: http://santosvz.vndv.com/example/piecss3/p_1.html
(-:
(-:Lo curioso es que al abrir el archivo en FF se ve correctamente pero al
utilizar el
(-:motor de IE8 no respeta el padding  top y bottom de p, pero si se abre
(-:directamente en IE8, si lo respeta.
(-:Opera 11.0:  Sigue sin interpretar background: linear-gradient(#E8FCF7,
(-:#A0FFCE); (configuración predeterminada)
(-:Chrome 5: Correcto
(-:Safari 4.0.5: Correcto
(-:FF 3.6.13: Correcto
(-:IE8: Correcto
(-:
(-:¡Experiencia es lo que obtienes, cuando no obtienes lo que quieres!
(-:Un cordial saludo de SantosVZ
(-:
(-:
(-:
(-:
(-:
(-:___
(-: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