表中存在较大差距 - Outlook 2010 [英] Large gap in table - Outlook 2010

问题描述

我正在为在办公室中使用Outlook 2010版本14的PC的客户端处理多封电子邮件。无论如何创建电子邮件，表格的右侧都会被吹灭。

例如：

电子邮件＃1：

电子邮件＃2：

这是代码：view-source： http://fortworth.dmplocal.com/main/index.php?action=viewsenthtml&id=95&ids=e9499cb22fd2fbaee560c877a2716fa0aab6880d

我已经做了很多搜索试图找出我能做些什么来解决这个问题，下面是一些事情：

• 取得所有CSS内联


• 确保所有单元格填充，单元格间距和边框都设置为零


• 表格的指定宽度


• 图像的指定高度和宽度


• 确保图像是代码中指定的高度和宽度


• 制作图片jpg与png的对比


• 删除所有不必要的空格


• 我的表格不超过23.7英寸身高

我看过很多论坛，发现很多人也有Outlook的问题，但我还没找到一个在桌子右边有一个很大的空间，从而把它推出我的那个。

任何帮助都将不胜感激！

解决方案

对于HTML表格，请指定宽度和高度使用HTML属性而不是CSS样式。现代版本的Outlook忽略宽度和高度样式。

正如@MarcB所提到的，Outlook 2007/2010/2013使用Word的呈现引擎来呈现电子邮件。以前版本的Outlook使用IE的渲染引擎。这种转变导致HTML电子邮件的格局发生重大变化。

以下是Outlook 2007及以上版本不支持的部分功能列表：

CSS样式

• float


• 职位


• 显示


• 宽度


• 身高


• 填充（不适用于div和p标签）


• background-image（仅适用于body标签）


• list-style-image

HTML属性

• alt（img）


• background（table，th，td）


• colspan，rowspan（th，td）（这里有相互矛盾的信息，但它确实支持，只要不使用值0;但是，通常建议嵌套表而不是使用colspan和rowspan）

其他

• 动画GIF


• HTML表格




I am working on multiple emails for a client who is using Outlook 2010 version 14 for a PC in their office. No matter how the email is created the right side of the table is blown way out.

For example:
Email #1:

Email #2:

This is the code: view-source:http://fortworth.dmplocal.com/main/index.php?action=viewsenthtml&id=95&ids=e9499cb22fd2fbaee560c877a2716fa0aab6880d

I have done a lot of searching to try and figure out what I could do to fix this, below are some things:

• Took all CSS inline
• Made sure all cell padding, cell spacing, and borders were set to zero
• Specified width for tables
• Specified height and width for images
• Made sure images were the height and width that is specified in the code
• Made images jpg's versus png's
• Removed all unnecessary white space
• My table is not more than 23.7 inches in height

I have read a lot of forums and found that a lot of people have problems with Outlook as well, but I have not found one that has the big space to the right of the table thus pushing it out that mine has.

Any help would be greatly appreciated!

解决方案

For HTML tables, specify the width and height using HTML attributes rather than CSS styles. Modern versions of Outlook ignore width and height styles.

As @MarcB mentioned, Outlook 2007/2010/2013 uses the rendering engine of Word to render emails. Previous versions of Outlook used the rendering engine of IE. This shift caused significant changes to the landscape of HTML emails.

Below is a partial list of features not supported by Outlook 2007 and up:

CSS styles

• float
• position
• display
• width
• height
• padding (doesn't work on div and p tags)
• background-image (only works on the body tag)
• list-style-image

HTML attributes

• alt (img)
• background (table, th, td)
• colspan, rowspan (th, td) (there's conflicting info on this, but it does appear to be supported, as long as a value of 0 is not used; however, it's often recommended to nest tables instead of using colspan and rowspan)

Miscellaneous

• Animated GIFs
• HTML forms

这篇关于表中存在较大差距 - Outlook 2010的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！