problemas con css3PIE y internet explorer

[engonga]

hola

estoy usando Css3Pie para redondear bordes, aplicar sombras... etc etc

http://css3pie.com/

pero tengo un problema


cree una clase llamada .sombra

y en todos los navegadores me funciona pero en internet explorer no

pueden verlo como esta en www.hotelenbaqueira.com

(primero mírenlo con firefox y después con Ie para que vean de lo que hablo)


estoy intentando darle la vuelta pero no se como


gracias

[rduran256]

hola me lo he mirado y no veo donde tienes el fallo

[engonga]

Iniciado por rduran256

hola me lo he mirado y no veo donde tienes el fallo

el buscador de hoteles en firefox tiene una sombra, el H2 de Hoteles del valle recomendados en firefox tiene sombra....

no se por que no me lo aplica!!!

[emprear]

El porblema está en IE/8 - IE/7 , en ie9 la sombra aparece.
leiste la documentación de PIE acerca del content-type con que deben pasarse los archivos .htc ?, si no probá de usar el PIE.php que viene incluido
al parecer la declaración del estilo en el css es correcta

te dejo una demo funcional en todos los navegadores, para que compares

http://foros.emprear.com/css/pie-css/
Saludos

[nicolasvillalba]

Yo agregué a .htacces en mi directorio publico lo ste "AddType text/x-component htc" pero tampoco me funciona. Se lo aplique a un elemento para probar, en ie7 lo desaparece y en ie8 da error, en Firefox desaparece. Pareciera muy simple la implementación no se que puede ser.

[emprear]

antes de verificar, usaste .htacces ó .htaccess, porque si es lo primero, está mal, el nombre del archivo es, repito, .htaccess

SAludos

[jguaman90]

Donde se encuentra el archivo PIE.htc?

mira tu css:
.sombra{

-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
behavior: url(PIE.htc);
}

.sombra_caixa{

-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
behavior: url(/PIE.htc);
}

saludos

[engonga]

Iniciado por jguaman90

Donde se encuentra el archivo PIE.htc?

mira tu css:
.sombra{

-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
behavior: url(PIE.htc);
}

.sombra_caixa{

-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
behavior: url(/PIE.htc);
}

saludos

si tengo el Pie.htc en la raiz del sitio

[emprear]

Si está en la raiz, solo va a afectar a .sombra_caixa y no a .sombra , tené en ecuenta que tu archivo css está en una carpeta /css relativa a la raiz

o copias PIE.htc a esa carpeta o en el css pones

Código CSS:

.sombra{
 
-webkit-box-shadow: #666 2px 2px 3px;
 -moz-box-shadow: #666 2px 2px 3px;
 box-shadow: #666 2px 2px 3px;
 behavior: url(/PIE.htc); 
}
 

agregando la / para indicar la raiz

SAludos

[engonga]

Iniciado por emprear

Si está en la raiz, solo va a afectar a .sombra_caixa y no a .sombra , tené en ecuenta que tu archivo css está en una carpeta /css relativa a la raiz

o copias PIE.htc a esa carpeta o en el css pones

Código CSS:

.sombra{
 
-webkit-box-shadow: #666 2px 2px 3px;
 -moz-box-shadow: #666 2px 2px 3px;
 box-shadow: #666 2px 2px 3px;
 behavior: url(/PIE.htc); 
}
 

agregando la / para indicar la raiz

SAludos

Lo puse en la raiz y en la carpeta css y nada...

[emprear]

y esto, lo hiciste, como quedó ese tema?

antes de verificar, usaste .htacces ó .htaccess, porque si es lo primero, está mal, el nombre del archivo es, repito, .htaccess

Saludos

[engonga]

Iniciado por emprear

y esto, lo hiciste, como quedó ese tema?


Saludos

si para que reconozca los htc

lo tengo asi

Código HTML:

######INICIO EJECUTAR PHP######
DirectoryIndex index.html index.php
RemoveHandler .html .htm
AddType application/x-httpd-php .html .php .php4 .php5 .htm 
AddType text/x-component .htc
######FIN DE EJECUTAR PHP######

[emprear]

hacé este ultimo intento

en tu css

Código CSS:

.sombra{
-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
behavior: url(PIE.php);                
}
 

El archivo PIE.php (que suele venir incluido en el .zip de pie) tiene este contenido

Código PHP:

<?php
header( 'Content-type: text/x-component' );
include( 'PIE.htc' );
?>
 

y ambos, PIE.htc y PIE.php deben de estar en la misma carpeta que el .css

Si aún así no te funciona en IE8/7, no sabría decirte, ya que la clase está bien aplicada porque aparece la sombra en IE9

Saludos

[engonga]

Iniciado por emprear

hacé este ultimo intento

en tu css

Código CSS:

.sombra{
-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
behavior: url(PIE.php);                    
}
 

El archivo PIE.php (que suele venir incluido en el .zip de pie) tiene este contenido

Código PHP:

<?php
header( 'Content-type: text/x-component' );
include( 'PIE.htc' );
?>
 

y ambos, PIE.htc y PIE.php deben de estar en la misma carpeta que el .css

Si aún así no te funciona en IE8/7, no sabría decirte, ya que la clase está bien aplicada porque aparece la sombra en IE9

Saludos

pero el problema es que me lo aplica a sitios y a otros sitios no...

por que si hago una sola classe que sea .sombra y la aplico a los sitios donde quiera sombra... solo me plica sombra en el pimer div

[emprear]

a ver, la última

Primero navega por
http://foros.emprear.com/css/pie-css/

ahi en la demo tenes una capa con

border-radius
gradient
box-shadow

que son los tres efectos que agrega a IE8/7 PIE-css
visualizá la página con IE8 y 7 y verifica que los efectos se vean, si los podés ver, descargate el zip, subilo a tu server en una carpeta aparte y probalo, si lo podés ver bien en tu server, entonces hay que revisar todo tu html/css porque algo está interfiriendo con otra cosa

Saludos

[kuningasf1]

Muchisimas gracias amigo, tu carpeta pie-demo soluciono todos mis problemas, no lograba hacer el degradado con el borde redonde en IE (no funcionaba el PIE.htc) pero creo que era por el archivo .htaccess no sabia donde ponerlo xD

Infinitas gracias xD llevaba como 5 horas investigando y nada me funcionaba :D

Saludos!