Una de las tareas más tediosas a las que se enfrenta el diseñador Web pasa por compatibilizar todas las tecnologías que aplica a sus códigos y diseños con los diferentes navegadores o en el caso de este post de los distintos clientes de correo (gmail, hotmail, outlook, thunderbird, Notes, etc).

Sí, sería muy bonito hacer el diseño que nos gusta y ya. Pero vaya chasco nos llevamos cuando, por ejemplo, probamos un ticker hecho en javascript^W que resulta que la versión 6 de Internet Explorer (todavía con una cuota de uso en el mercado muy alta) no interpreta correctamente o una etiqueta CSS^W que resulta que no admiten algunos clientes de correo como Gmail. Sería bonito pero no lo es …

Vamos a centrarnos en la realización de un boletín que se envía regularmente a los usuarios que se suscriben. Si enviamos texto plano sin ningún problema. Pero, claro, lo ideal, lo bonito, lo agradable es recibir un diseño tipo Web integrado en el email recibido. La eterna pregunta …

¿maquetamos con las antiguas y denostadas tablas o con CSS? Yo soy de los que piensan que siempre hay que mirar hacia adelante así que la decisión está clara nos olvidamos de las tablas y nos lanzamos al CSS. Por cierto he encontrado algunas plantillas gratuitas para fabricar nuestro boletín que pueden sernos muy interesantes para los que no quieren ponerse a diseñar desde el principio su plantilla.

Continuando con la idea de maquetar en CSS nosotros hemos probado a enviar el mismo boletín con GMAIL y con HOTMAIL obteniendo dispares resultados. Mientras que con Gmail no lee el CSS de ninguna forma, hotmail actualmente ha mejorado su aplicación y lo lee perfectamente.

SOLUCIÓN

Se me antoja que no hay varita mágica para resolver este problema. Tendremos que buscar el equilibrio de diseño para hacerlo compatible con los diversos clientes de correo para lo cual hemos encontrado una tabla de compatibilidades que seguro os orienta en esta tarea. En principio el CSS es a  lo que debemos dar más importancia aunque eso no quiere decir que insertemos alguna etiqueta antigua o tabla en caso de necesitarlo.

En caso de no querer complicarnos, ya sabéis, optar por el texto plano.