Estilo de tabla border-look 2010 agrega un espacio adicional

Question

Creé un HTML para el marketing por correo electrónico. Puse una mesa, y se aplica un borde alrededor:

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;"> 

Por alguna razón estoy recibiendo 1 píxel espacio en blanco adicional en el interior cuando lo prueba en Outlook 2010. Lo veo alrededor de las imágenes que están alineados con la parte superior y hacia la izquierda, y lo veo alrededor de otras celdas que tienen un color de fondo sólido.

Ver la imagen en el siguiente enlace: screenshot

El triángulo superior es una imagen en una celda por sí mismo. El rectángulo inferior es una celda con un color de fondo. Estos se supone que se adhieren a la frontera. Este es un problema recurrente. ¿Alguien ha encontrado este problema antes?

Answer 1

Me encontraron esta aquí: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

"márgenes elemento de la tabla y el relleno en Outlook 2007 y 2010 pueden causar problemas

Si agrega márgenes o de relleno propiedades a su elemento TABLE, que se sumará la misma margen y relleno para cada TD anidado en Outlook 2007 y 2010. Los atributos de celdas y celdas son seguros, pero es mejor evitar los márgenes CSS y el relleno dentro del elemento TABLE que lo contiene.

Supongo que su margen sobre la mesa podría estar causando esto. No estoy seguro.

Answer 2

En caso de que no han encontrado una solución a este problema sin embargo:

Asegúrese de que establece border="0" para esas imágenes dentro de las celdas de la tabla.

Answer 3

El monitor de campaña tiene una gran solución para resolver este tipo de problema. Simple agregue este código de estilo a los elementos de su tabla. El código siguiente resuelve mi problema (igual que el OP) en la perspectiva de 2010

<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>

http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

Si eso no funciona, prueba esto. http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

Answer 4

Añadir border-collapse: collapse; al estilo de la mesa.

Answer 5

Para bordes de 1 y 3 píxeles de ancho, el borde derecho tiene un espacio de 1 píxel detrás. Una solución para este tipo (raro ...) del problema es una "mesa fantasma" detrás de la tabla actual, con el ancho de la tabla actual menos 1 y la frontera de 1. Por ejemplo:

<!--[if mso]><table border="1" width="699"> 
<tr style="display:none;"><td>&nbsp;</td></tr> 
</table><![endif]--> 

Más detalles: https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html

Buena suerte ...

Answer 6

he resuelto este problema de entrar en la sección de propiedades de la tabla y haciendo clic en "Opciones". Una vez que aparece el cuadro de opciones, cambie los márgenes de celda predeterminados para Izquierda y Derecha a 0 "y luego haga clic en Aceptar.