css redondeado compatible IExplorer todas las versiones

Melecio · #1 (**permalink**) 08/08/2011, 07:20

hola que tal a todos tengo un problema de compatibilidad de redondear bordes
en los demas navegadores puedo redondear todo div textbox botones
hace poco encontre un js que permite redondear div a tu gusto pero no redondea textbox ni otros componentes
luego encontre otro que tal vez conoscan el border-radius.htc si funciona el problema es cuando pongo un div fijo y cuando le doy para abajo el scroll los colores se van hacia arriva y solo se queda el texto que deje
alguno conoce alguna forma de redondarlos para iexplorer gracias

LhaN · #2 (**permalink**) 08/08/2011, 08:33

La mejor solucion en IE... es una imagen de fondo con bordes redondeados

vgonga1986 · #3 (**permalink**) 08/08/2011, 08:41

Creo que esto es más tema de CSS y JS que de PHP, pero bueno, te ayudo por aquí si puedo.

Si dices que has encontrado un JS que te los redondea (border-radius.htc) es posible que tengas que llamar a una función con JS cuando cargas el elemento que quieres que se redondée, también probablemente usarás el evento onload o alguno por el estilo, pues bien, tienes un evento (que no es exactamente JavaScript, pero que en Windows debería funcionar) que es onscroll. Si asocias al onscroll la misma función que usas para dar los bordes al cargar la página, debería funcionarte.

Ya me cuentas. Un saludo.

Melecio · #4 (**permalink**) 11/08/2011, 07:31

con el border-radius.htc si fuunciona todo bien pero cuando quiero desaparecer un div mediante una funcion solo desaparece el texto que tiene pero el div no esto solo me sale en IExplorer en todos los demas navegadores funciona al 100 %

Melecio · #5 (**permalink**) 11/08/2011, 07:35

Cita:

Iniciado por vgonga1986

Creo que esto es más tema de CSS y JS que de PHP, pero bueno, te ayudo por aquí si puedo.

Si dices que has encontrado un JS que te los redondea (border-radius.htc) es posible que tengas que llamar a una función con JS cuando cargas el elemento que quieres que se redondée, también probablemente usarás el evento onload o alguno por el estilo, pues bien, tienes un evento (que no es exactamente JavaScript, pero que en Windows debería funcionar) que es onscroll. Si asocias al onscroll la misma función que usas para dar los bordes al cargar la página, debería funcionarte.

Ya me cuentas. Un saludo.

gracias por tu atencion aun no he podido hacer esto compatible para iexplorer

alexk · #6 (**permalink**) 11/08/2011, 07:58

usa el buscador... es un tema muy pero muy tratado... la mejor solucion para IE son imagenes como te indican hay FIX como el "pie css3" (usa el buscador o google) que funcionan perfecto aun que claro todo fix en exceso relantiza considerablemente la pagina haciendo una "solucion" poco atractiva ya que no tiene sentido que se vea todo ok si tarda mil años en cargar pero bueno tu decides

ecosysonidos · #7 (**permalink**) 11/08/2011, 09:36

esta pagina puede ayudarte
http://border-radius.com/

IE es un asco no lo uses

Melecio · #8 (**permalink**) 11/08/2011, 11:41

bueno gracias si hacer las imagenes es la solucion gracias a todos por su cooperacion

Tedel · #9 (**permalink**) 11/08/2011, 11:42

Cita:

Iniciado por ecosysonidos

IE es un asco no lo uses

No estoy de acuerdo. IE9 ya entra en la categoría de buen navegador. IE6 tenía configuraciones de seguridad consideradas fortísimas cuando salió.

Tedel · #10 (**permalink**) 11/08/2011, 11:44

Melecio, te estás enfocando en algo que no tiene la más mínima importancia. Pon border-radius en tu CSS, que los navegadores que lo acepten lo usen, y tú concéntrate en terminar tu web para que hagas plata de una vez.

emprear · #11 (**permalink**) 11/08/2011, 12:13

Melecio:

Intentaste utilizar la solución que te propuso @alexk, el fix de PIE css funciona perfectamente, para IE 7/8/9/10, no solo para border radius sino tambien para box-shadow y gradient, y no entorpece la navegación.

Yo lo uso hace bastante sin problemas, aca de dejo una demo de como se implementa.
http://foros.emprear.com/css3/PIE/PIE_demo.html

ArturoGallegos · #12 (**permalink**) 11/08/2011, 12:47

Cita:

Iniciado por Tedel

No estoy de acuerdo. IE9 ya entra en la categoría de buen navegador. IE6 tenía configuraciones de seguridad consideradas fortísimas cuando salió.

IE sigue y seguira siendo uno de los malos, por muy bonito y mejorado que veas a IE9... esta lejos de alcanzar a firefox y chrome, y si no me crees revisa la compatibilidad con html5 y css3, no recuerdo si existe algún test de css3 completo pero de html 5 aquí te dejo link
http://html5test.com/

Cita:

Iniciado por emprear

Melecio:

Intentaste utilizar la solución que te propuso @alexk, el fix de PIE css funciona perfectamente, para IE 7/8/9/10, no solo para border radius sino tambien para box-shadow y gradient, y no entorpece la navegación.

Yo lo uso hace bastante sin problemas, aca de dejo una demo de como se implementa.
http://foros.emprear.com/css3/PIE/PIE_demo.html

aunque ciertamente es uno de los scripts mas estables que he visto yo si le he puesto algunos peros al utilizarlo como por ejemplo en un select o necesitar solo redondear dos esquinas de un elemento