by Nicolò GM
26. maggio 2011 04:44
La nuova interfaccia Hotmail sta rapidamente prendendo piede in tutti gli utenti.
Ma non senza problemi per i marketer che effettuano campagne e-mail.
Una delle prime cose che abbiamo notato è l'allineamento della e-mail e alcuni colori di sfondo non sono visualizzati quando l' utente legge la newsletter in Firefox, Chrome, Safari o qualsiasi altro browser che non sia IE.
Si tratta di quasi del 70% degli utenti Internet secondo w3schools.com
Ecco un esempio di visualizzazione tra il vecchio e il nuovo Hotmail su un e-mail:
Vecchia Versione di Hotmail:

Nuova Versione di Hotmail:

Come si può vedere l'e-mail è allineata a sinistra e lo sfondo grigio non è visibile.
Se avete usato una tabella contenente e l'avete allineata con la larghezza a 100% non funzionerà. E' meglio definire la larghezza della tabella non in percentuale ma con dimensioni fisse come 600 pixel.
Come posso risolvere il problema?
Quello che dovete fare è dire a Hotmail di cambiare il codice e si può fare con un riferimento CSS. Gli elementi che limitano la larghezza sono molto più in alto nella pagina.
In poche parole inserite questo CSS all'interno della tua e-mail e questo risolverà il problema:
<STYLE type=”text/css”>
.ReadMsgBody
{ width: 100%;}
.ExternalClass
{width: 100%;}
</STYLE>
Questo indica al browser di modificare il codice che utilizza Hotmail per restringere la larghezza della e-mail.
E per dimostrare che funziona: ecco l'e-mail dopo la correzione:
