Construir Mailing
Hola a todos!
Estoy construyendo una idea para unos mailings que tengo que hacer...y no se por qué si lo envío desde Thunderbird no se me ve bien.
Os pongo mi css, que lo inserto en el HTML que envío
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;" http-equiv="content-type" charset="utf-8"/>
<title>lllllll</title>
<style>
html{background: url('http://mi-alojamiento/images/background.jpg') repeat;}
body{font-family: 'Tahoma', sans-serif;font-size:16px;color:#585858;}
.central{width:960px;height:auto;margin:50px auto 20px auto;background:#FFF;}
.cuerpo{width:98%;height:auto;padding:1%;}
.saca-texto{width:auto;height:auto;padding:10px 0 0 0;}
.logotipo{width:207px;height:62px;}
.pie-contacto{width:960px;height:auto;font-weight: 700;margin:0 auto;}
.saca-texto ul{width:100%;height:auto;}
.saca-texto ul li{width:28%;height:auto;margin:10px 0;border-right:4px solid #1E688F;padding:25px 1%;text-align: middle;display:inline-block;}
</style>
El problema está en que al insertarlo, es como si el fondo de la clase "central" me lo aplicase a todo el contenido, no solo a los 98% (de los 960px que es el contenedor donde está) y hace que no se vea bien.
¿Sabéis por qué puede ser?
Gracias!!
Pedro Lopez Andradas
Hola markosci, el problema puede ser múltiple.
Los e-mails son interpretados de manera diferente según el navegador que uses, pero también según el cliente de correo que uses (gmail, outlook, yahoo, thunderbird, etc), por lo que las combinaciones son infinitas (por ejemplo gmail lo puedes ver en PC con firefox, en PC con IE8, en PC con Chrome, en un navegador de Android, en la app de gmail de un android, en un Ipad, en un MAC, etc).
Puede ser que el navegador que estés usando no te permita alguna de las propiedades que usas, por ejemplo "width".
Un apunte importante es que deberías poner todo el css en línea (no en la cabecera), porque muchos clientes no lo permiten.
Te dejo aquí una guía que uso yo para maquetar emailing: http://webdesign.tutsplus.com/es/articles/creating-a-simple-responsive-html-email--webdesign-12978