Problemas con Css 3 y IE

[Yurisimo]

Hola muy buenas!!!
Bueno estoy haciendo una pagina web....
En el css y firefox la verdad esq no tengo ningun problema, pero me surge uno con el IE y es el siguiente :

Código:

#primera {
	width:700px;
	height:100px;
    background-color: #047391;
    -moz-border-radius: 30px; 
     border-radius: 10px; 
     border: 1px solid #0D324F;
     padding: 20px;
    -moz-box-shadow: 2px 2px 5px #A00; 
	}

Resulta que el IE no me lee los bordes redondeados ni tampoco las sombras, alguien sabe alguna solucion para esto ???

Muchas gracias !

[jomaruro]

Hola:

Las propiedades que empiezan por -moz no funcionan en IE porque son, precisamente, para Firefox. No recuerdo exactamente la sintaxis pero existen propiedades similares para IE busca algo como webkit (creo que era así).

Saludos.

[Yurisimo]

oks muchisimas gracias!!!!

[prava]

Hola Yuriy,

-moz es leído por firefox 3 y superiores mientras que -webkit es leido por iPhone, Safari y Chrome.
Para IE no hay nada por este lado o por lo menos no con esta propiedad.

Tendrías que probar alguna estructura con imagenes o mas compleja.
Con jquery se pueden redondear los bordes pero así como te da soluciones, tambien tiene problemas.

Saludos,
Pablo.

[danneg]

Se supone que css3 es progrecibo entre mejor explorador mejor se ve la maqueta
Osea en safari

Para ie8 el prefijo es
-ms-
Para safari, crome, webkit, etc
-webkit-
Opera
-o-
Mozilla
-moz-
Konkerror
-khtml-

Pero no en todas las propiedades funciona
Y tu css no valida

[PrendekZ]

Iniciado por danneg

Se supone que css3 es progrecibo entre mejor explorador mejor se ve la maqueta
Osea en safari

Para ie8 el prefijo es
-ms-
Para safari, crome, webkit, etc
-webkit-
Opera
-o-
Mozilla
-moz-
Konkerror
-khtml-

Pero no en todas las propiedades funciona
Y tu css no valida

-ms-border-radius:10px;

No me funciona... qué raro ... Hasta donde tengo entendido.. IE8 y versiones anteriores no es compatible con CSS3, ya prónto saldrá IE9 con Silverlight y dicen que tendrá soporte a CSS3 y HTML5.

^^

[danneg]

Pues mencione no con todo funciona pero ie8 es compatible con algunas propiedades css como extencion overflow, vertical-align o pseudo clases aunque los mas complejos como las extenciones border o background no las implementa bien

[tistklehoff]

Hola.

Para aclararse con el CSS 3 soportado, no hay nada como una tabla que indiqué quién soporta qué.

He encontrado esto por ahí, espero que te sirva:

http://www.westciv.com/iphonetests/


Un saludo.

[masterojitos]

Lo mejor que puedes hacer es con css darle los bordes con imagenes....

[charlescuella]

amigo toca espera q salga la version IE9 haber si tiene soporte para el css3 por esta no lo tiene yo tambien estoy = .

[pilopi123]

amigo mira mi aporte de bordes redondeados pero creo que no sirve muy bien en internet explorer pues no es muy adaptado a los estándares

[masterojitos]

en esta web puedes crear tus bordes redondeados en imagenes y te proporciona el codigo html y css para que te salga rapidamente.

http://www.neuroticweb.com/recursos/css-rounded-box/

Suerte.