Hola buenas tardes, estoy creando un emailing para un cliente y no tengo mucha experiencia con este campo, he hecho lo que he podido, el cliente dice que se ve bien en todos los navegadores etc pero con algunos cliente habituales de outlook y gmail creo que puede dar problemas, alguien me podria ayudar para saber que he hecho mal? dejo aqui el código para que se vea más claro, gracias!
html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Campaign Monitor Newsletter</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFF;
}
#contenedor {
width:500px;
height:690px;
left:50%;
margin-left:-250px;
border:none;
background-color:#990000;
position:absolute;
}
#aviso {
width:500px;
height:15px;
text-align:center;
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFF;
padding-top:5px;
position:relative;
}
#imagen-grande {
width:500px;
height:440px;
background-image:url(images/imagesoks.jpg);
position:relative;
}
#felicidades {
width:500px;
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:50px;
font-weight:bold;
line-height:80px;
color:#FFF;
background-color:#550100;
text-align:center;
position:relative;
}
#textos-contenedor {
width:250px;
height:125px;
background-color:#990000;
text-align:center;
position:relative;
}
#regalo {
width:500px;
height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:32px;
font-weight:bold;
color:#FFF;
text-align:center;
margin-top:20px;
position:relative;
line-height:180%;
}
#texto {
width:410px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:lighter;
color:#FFF;
margin-left:50px;
text-align:center;
position:relative;
line-height:120%;
}
a {
text-decoration:none;
color:#000;
}
a:hover {
color:#000000;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="aviso">
Si no ves bien esta imagen <a href="#" target="_blank">haz click aquí</a>
</div>
<div id="imagen-grande">
</div>
<div id="felicidades">
Feliz Cumpleaños
</div>
<div id="textos-contenedor">
<div id="regalo">
1.000 Frigomillas de regalo
</div>
<div id="texto">
<p>Hemos ingresado 1.000 Frigomillas de regalo en tu cuenta de Fórmula Frigo, para celebrar tu aniversario.
<strong>Felicidades.</strong></p>
</div>
</div>
</div>
</body>
</html>