problemas en Safari y Iexplorer con css

[jlmoreno31]

Hola amigos,

Tengo un pequeño problema con un div que he redondeado utilizando el método:

.general{
-moz-border-radius: 5px;
border: 1px solid #fff;
background-color:#fff;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 16px;
padding-left : 5px;
padding-right : 5px;
padding-top: 5px;
padding-bottom :5px;
}

El problema es que en Firefox se ve perfectamente, pero lo he probado en Safari y en IExplorer y se ve cuadrado. Alquien puede decirme como remediar esto, sin usar imágenes de bordes?

Gacias de antemano.

Un saludo

[kseso?]

Todas las propiedades que comienzan por "-moz" únicamente las entenderá firefox. Ni es código estándar ni abierto al resto de navegadores.

Existen otras propiedades también privativas (-weblit..)
Y otras técnicas muy diferentes para lograr las esquinas redondas. Sólo tienes que ver cuál se ajusta mejor a tus necesidades/conocimientos:
"rounded corners" + css

Un saludo

[jlmoreno31]

Ok. lo miraré detenidamente. Gracias por la respuesta.

Que facil seria programar si solo hubiera firefox :)

[jlmoreno31]

Perdonad mi ignorancia, pero por ejemplo una web muy conocida que empieza por twi y acaba en ter, tienen usan el mismo código:

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C0DEED url(http://a3.twimg.com/a/1255460625/images/bg-clouds.png) repeat-x scroll 0 0;}

Sin embargo en Iexplorer se ve bien. ¿Como hacen esto?

[jomaruro]

Hola:

Creo que usa imágenes distintas según sea IE o no.

Saludos.