Máximas sobre diseño web y usabilidad #1
Reducir al mínimo la capacidad de "interpretación" de los browsers
Hoy me vino esta oración a la cabeza, mientras me debatía, junto con Alejandro, con un sitio web en xhtml y css que se había 'descajado' completamente. La situación era que un pie de página, en Explorer se veía perfecto, y en Mozilla aparecía incrustado en el medio de parrafos que lo precedían.
Luego de dar vueltas sobre el asunto, me doy cuenta que en el código se había especificado un alto de 18 pixels, que Mozilla ejecutaba a la perfección (y el diseño se veía mal), mientras que explorer, "interpretaba" el código, y lo acomodaba al final de los párrafos que precedían.
Esto, que puede parecer beneficioso en este caso particular, es terriblemente perjudicial: si explorer mostrara el código tal cual era, debía producir un resultado similar a Mozilla, que por lo general, toma al pie de la letra cualquier sentencia de css, y viendo una reacción errónea similar o igual en ambos navegadores, la búsqueda de la eventual solución es mucho más fácil
Conclusión
Siempre que sepamos:
- anchos
- altos
- ubicaciones en píxels
- medidas exactas sobre elementos de nuestro diseño
- otros datos útiles que nos ayuden a su correcta y precisa representación…
Integrémolos a nuestro código css (si bien esto lo que hace es 'fixear' el código, hoy en día con las malas implementaciones de estos estándares, no nos queda una mejor solución), y de esta forma vamos a cercar posibles problemas con mayor facilidad, reduciendo considerablemente la "libre interpretación" de los navegadores (sobre todo la del IE).
Eduardo Cesario
