Publicidad

CSS. Cómo alinear los emails y ponerles background en Windows Live Hotmail

Autor: | Categoría:

No se si os habréis dado cuenta, pero en Windows Live Hotmail los emails no se ven tal y como los hemos diseñado en html.

Hotmail no tiene en cuenta el parámetro width=”100%”, ya sea en una tabla o en un div, sólo coge el tamaño máximo fijo establecido ( width=”500″ ):

visualización en hotmail de un html

A parte, siempre alinea todo el contenido a la izquierda.

pero… ¿Cómo arreglamos eso?

Pues muy sencillo, Hotmail tiene los estilos .ReadMsBody y .ExternalClass con la propiedad display:inline-block; . Lo único que tenemos que hacer es añadir esto alde nuestro html:

y… Tachán!!!! Funciona!!!

visualización en hotmail de un html

Muchos de los usuarios web tienen una cuenta en Windows Live Hotmail (más de un 16% de los usuarios de internet), así que no es mala idea pensar un poco en ellos y hacer las cosas más accesibles para todos los públicos posibles.

Visto en: Campaign Monitor

Publicidad
Etiquetas: , , , ,
  • Could be the most amazing post that I read ever?

  • I am wondering what Morris will say with that 😀

  • Thanks! 😀 i’m glad to read that kind of comments!

  • This is the best paper that I read this week 😀

  • livelybrowsers

    Thanks for good stuff

  • Good article

  • Manuel

    Buen aporte, sobretodo para los que estamos aprendiendo, y porque tampoco hay que dejar de lado a los usuarios de hotmail, que son muchos!

¡Suscríbete!

¡Sé el primero en enterarte de las novedades del diseño web y mejora tus conocimientos!

Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies