Cuidados en Email Marketing: particularidades de Hotmail en Firefox

Publicado el 27 de marzo de 2012

Uno de los webmails gratuitos más utilizados en internet es Windows Live Hotmail (o simplemente Hotmail), debido a su pionerismo de la oferta de ese tipo de servicio en la red, y también debido al vínculo con el servicio de mensajes instantáneos Windows Live Messenger o MSN. Por eso es muy importante que el diseñador de piezas de  email marketing esté atento a algunas peculiaridades al elaborar su código- fuente, como por ejemplo, la exhibición de mensajes en el formato HTML de Hotmail dentro de Firefox.


Es práctica común entre los diseñadores partir una imagen en varios trozos y diagramarlos en tablas, al elaborar una pieza de Email Marketing en HTML. El problema está justo ahí, cada lector de email interpreta el HTML y el CSS de formas distintas. En el caso específico de Hotmail, añade una línea en blanco de aproximadamente 2 pixeles de largo debajo de cada imagen como muestra la figura de abajo:


Figura 1. Imagen conteniendo líneas en blanco que perjudican la visualización de la pieza de Email Marketing   


Para corregir ese problema, basta con insertar la siguiente etiqueta en su código HTML (preferentemente entre las etiquetas <head>…</head>:
<Style>img {display: block ;}< /style>
Así la exhibición de mensajes será la misma, independientemente del lector de emails utilizado por el destinatario:

Figura 2- Imagen siendo exhibida correctamente después de la inserción de la etiqueta sugerida.