Bordes redondos en Opera

16 09 2009
Bordes redondos en opera

Bordes redondos se ven cuadrados en Opera

Hace días estaba creando bordes redondos a algunos div en diferentes exploradores. Comencé primero modificando el CSS y agregué el siguiente código:

-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;

Con eso fue suficiente para Firefox, Chrome y Safari. Sin embargo, también quería lograr el mismo look & feel en Opera y en el tan odiado para todos IE6: por lo que empecé a buscar varios JS que me ayudaran en esta tarea.

Probé entonces con uno de los populares DD_roundies, y logré mi cometido en IE6.

Mi sorpresa llegó cuando me di cuenta que ni con CSS o DD_roundies logré mostrar round corners en Opera. Después de mucho buscar, encontré jQuery Corner el cual tiene más opciones que el anterior y su configuración fue bastante sencilla. El único problema que tuve fue que los input de tipo texto con bordes redondo no se veían muy bien en Opera.

En mi búsqueda encontré también a CurvyCorners, sin embargo, no lo probé tan a fondo. Próximamente les contaré como fue mi experiencia.

Anuncios

Acciones

Information

4 responses

16 09 2009
kiefer

Volviste!!!…
Las vueltas que hay que dar para que las cosas salgan bien. El bendito problema de los programadores web 😦

17 09 2009
moroco

No había publicado nada porque no había pasado tanto tiempo intentando solucionar otro problema. Pienso que lo importante del blog es ayudar con cosas que no estén repetidas en otros lados, que sea tan interesante como tu post de “En malas manos”.
Pero bueno, el problema no somos los programadores web; el problema son los exploradores que no cumplen con los estándares, a los que nosotros tenemos que desarrollar también para no perder ese target. Esa es la tarea más difícil del desarrollo web: desarrollar para la mayor cantidad de exploradores de manera eficiente

18 09 2009
kiefer

Tienes toda la razón…
No me explique bien, quise decir que ese es el bendito problema que enfrentan a diario los programadores web. Ese “de” significaba “para” no “con”. Cosas de la escritura-lectura 🙂

18 09 2009
moroco

Es sencillo, pero tiene su complicación!!!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: