Creo que todos los que hemos diseñado páginas web hemos querido en algún momento conseguir ese efecto tan elegante que son los bordes redondeados. A menos que se consigan combinar colores muy buenos, las tablas con bordes cuadrados suelen quedar extremadamente feas. Se asientan como bloques macizos y pueden llegar a romper con diseños de colores claros y gráficos muy redondos, de esos tan de moda últimamente con mucha pestaña de gomaespuma y botones de algodón, como leí hace poco decir a alguien. Vamos, con diseños en la línea de lo que se puede ver hoy en esta web.
Así nos ocurrió a Aitor y a mí mientras construíamos el nuevo aspecto de código escrito. Yo tenía claro que quería mostrar las páginas de archivo en tablas, sin bordes y muy claras. Que no quitaran protagonismo a su contenido, y que a poder ser, no quedaran como bloques macizos. Por eso pensamos que un buen método sería que los bordes de las tablas fueran redondeados. Fieles a nuestro método --diseñar para Internet Explorer y para Firefox--, el problema llegó cuando nos pusimos a ello. Una vez más, se vió que eso de diseñar para varios navegadores es todo un problema. Mientras Firefox nos permitía conseguir el efecto con una sola línea de código CSS (-moz-border-radius: 3px;), IExplorer requería todo un invento: crear 4 gráficos pequeños con forma redondeada y situarlos vía código uno a uno en las esquinas, asignando a la tabla el mismo color de fondo que a los gráficos. Todo un apaño, aunque no difícil, sí mucho más costoso que la solución del primer navegador. Finalmente añadimos bordes redondeados a 3 píxeles para navegadores Mozilla y cuadrados para IExplorer... que parece que quedaron discretos.
Seguro que quienes leéis esto ya estáis hartos de oirlo. Pero yo no me canso de repetirlo: usad Firefox. Sobran razones para hacerlo. Seguridad, comodidad, calidad... no es un fanatismo anti-microsoft. Los de Redmond tienen cosas buenas, pero IExplorer no es una de ellas.
comentarios (11) |
Hay una forma de hacerlo "éticamente" bien. Aparte del -moz-border-radius, añade la propiedad border-radius, que es CSS3. Ningún navegador lo interpreta aún, pero nadie se puede quejar de que te sales de los estándares ;)
Sí, estamos un poco hartos de oir y recibir notificaciones sobre la calidad de Firefox. Es una manía que además de caer en el mismo juego de los que defienden a IE (que los hay), es una afirmación no del todo cierta pues Firefox acapara más recursos del sistema.
Y no diseñar para los dos navegadores... es pura pereza (sin más excusas) y los estándares son los estándares.
Simdalom,
Pon en una balanza las ventajas de IExplorer a un lado y las de Firefox al otro y dime qué te sale. Yo al menos no creo que los recursos del sistema sean un problemón como para no usar Firefox. Mucho más grave es la inseguridad de IExplorer.
Lo de no diseñar para los dos navegadores... tienes razón, no hacerlo es pura pereza. De todas formas, no sé por qué lo dices...
Pues yo he probado con Mozilla y Mozilla Firefox y no veo los bordes redondeados por ningun lado..
Lo de los recursos creo que no es exactamente así. Quizás *parece* que Internet Explorer ocupa menos memoria, pero es así porque está iniciado desde que Windows arranca. Vale que eso no es excusa, pero prueba a abrir 15 tabs en Firefox y 15 IEs. A ver quién ocupa más recursos.
Ralfa: los bordes redondeados son pequeñitos, hay que fijarse bien.
Martin tiene toda la razon, IE consume muchos mas recursos de Windows que Mozilla o firefox, y la prueba esta en eso que menciona Martin, abri un par de tabs en firefox y fijate cuanto consume de tu maquina, repeti lo mismo en IE y te vas a querer morir..
Por otro lado, IE es un explorador que no es bueno, asi y llanamente. Diseñar para IE es toda un pesadilla debido a que no interpreta bien el codigo por mas que te apegues a los estandares, cosa que mozilla, firefox, opera hacen.
Bueno, es sabido que navegar con IE es tremendamente ofensivo para nuestro equipo, tanto sea porque permite la ejecución de script dañino y el paso de Spyware y virus y....muchas otras cosas. Navegar con el es algo agradable en algunas páginas, por ejemplo en mi web (Totalmente hecha para IE) al abrirla con Firefox me encuentro que el manejo que hace de las tablas es pésimo, no interpreta nada. y estoy hablando de tablas sencillas. ¿yo que hago ahora? Rediseño todo el site porque el amigo firefox no me interpreta?
Hay que verlo
Leonardo,
El problema es que no lo estás viendo tal y como es: la realidad no es que Firefox no interprete bien tu código, sino que tu código fue diseñado fijándote únicamente en IExplorer, por lo que éste te lo mostraba bien aun no siendo correcto. Firefox se limita a los estándares, y tu web debería estar escrita siguiéndolos. EL problema está en que IExplorer no se ajusta a ellos y te engaña mostrándote bien cosas que no están bien escritas (que no siguen los estándares). Cuesta trabajo diseñar una web que los cumpla, pero es así como se debe hacer.
Leonardo, como te decían, el problema no es que "Firefox no te interpreta bien", sino que tu código no está bien escrito (bajo el punto de vista del W3C), o lo que es lo mismo, no es válido ni estándar.
Hay cientos de temas ya sobre Accesibilidad, Estándares Web, etc, y supongo que todo el mundo, en mayor o menor grado, conoce estos términos, así que no es plan un debate en este sentido.
Pero Leonardo, si tu sitio está hecho con tablas cuyo sentido y uso es básicamente visual, para aplicar diseño gráfico, no es válido como te decía, las tablas se diseñaron para contener "datos tabulares" y no para maquetar gráficamente una página, para eso tenemos CSS.
Firefox interpreta tu página así, como mandan los Estándares, como muchos creemos que es lo correcto y eficaz, Explorer la interpreta como le da la gana...
Y perdona eh?, no te lo digo en modo despectivo ni nada por el estilo, ok?.
¿Quié está mal diseñado... el explorador Firefox...o tu sitio y el puñ* Explorer???.
Porque la verdad es que es un fastidio diseñar para Explorer, recurriendo a hojas alternativas para este o scripts que reemplazen código.
Si se diseña en base a los estándares, no hay problema con un montón de Navegadores, tus hojas sirven para cualquier explorador (prácticamente), tú solo te preocupas de diseñar una vez, y los usuarios no tienen que descargar versiones nuevas, parches, etc...
Pero no acaba ahí, está la navegación en modo texto, los PDA's, navegadores móviles....
Alguién ve esto mal???, todavía alguién cree que seguir las directrices del W3C no es el mejor camino del WWW???...
PD: Irónicamente, Explorer 4 fue el primier Explorador que lanzó soporte CSS, y salvo su modelo de cuadro (es el lógico) sigue dejando mucho que desear.
Un saludo.
Diseñar para cualquier navegador (simplemente seguir los estandares) y luego tener que meterse a realizar hacks y scrips para solucionar las neuras de internet explorer no es pereza, es una pesadilla, he realizado menus exclusivamente con css (y html por supuesto) para internet explorer tenia que reacer de nuevo todo el menu desde 0 ¡¡Y ESO SOLO POR NO SOPORTAR UNA PROPIEDAD CSS!! conforme aplicas mas a fodo los estandares mas sencillo te resulta (hay propiedades para casi todo) sin embargo cuando toca "compatibilizar" con IE lega el infierno.
Yo estoy creando una pagina/manual de css, ella misma sera el ejemplo, no la voy a hacer compatible con ningun navegador, y lo siento mucho por aquellos que usen IE y no cambien de navegador pero no voy a estropear la pagina solo por que los programadores esten vagos.
Por favor que es el navegador mas usado, no pido que sea perfecto ni que sea el mejor, pero al menos que no sea tan malo.
Consumo de recursos de Firefox???, si si, abre en ventanas con M.I.Explorer todas las pestañas que abres en Firefox y luego nos contais ;).
Sin duda:
"Seguro que quienes leéis esto ya estáis hartos de oirlo. Pero yo no me canso de repetirlo: usad Firefox. Sobran razones para hacerlo. Seguridad, comodidad, calidad... no es un fanatismo anti-microsoft. Los de Redmond tienen cosas buenas, pero IExplorer no es una de ellas." Jaime Irurzun
PD: Soy muy torrrrpeee, y uso hasta 3 versiones CSS, Mozilla/Firefox, M.I.Explorer y Opera :(