html - 谁能帮忙弄清楚为什么我的 HTML 电子邮件在 IE/Chrome 中看起来不同?

标签 html css email

我一直在设计一个 HTML 电子邮件模板,并且有一些我无法解决的错误。这是我的页面:

  1. 当我在 IE 中查看页面时,最右边的列有一个非常大的右边距,我似乎无法摆脱它。我试过设置 margin-right: 0px。

  2. 在 Chrome 中查看时,FB 徽章不会完全位于右下角。相反,它略微漂浮在上方。 CSS float 不是 HTML 电子邮件中的选项。

有什么想法吗?如果有任何帮助,我将不胜感激。

一些注意事项:是的 - 嵌套表格。对于那些不知道的人,为了确保 html/css 格式不被删除,表格是 HTML 电子邮件的必需品。我最初使用纯 CSS 对此进行了编码,但无济于事(无法跨主要客户端呈现)。

最佳答案

关于您的 IE 问题,您的网页没有 DOCTYPE。结果,怪癖模式被激活。在 quirks 模式下,页面呈现不同。要禁用怪癖模式,请在网页顶部添加 DOCTYPE:

<!doctype html>

关于html - 谁能帮忙弄清楚为什么我的 HTML 电子邮件在 IE/Chrome 中看起来不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11125601/

相关文章:

html - 强制 bootstrap 4 nav-pills 中的第一项在合理时为全宽

javascript - 使用 jquery 创建常见问题首字母缩略词

jquery - 当全屏模式打开时,如何在 Youtube Iframe 上添加覆盖 div?

css - 将 div 框彼此对齐

css - 在电子邮件模板中使用绝对/相对位置

c - C语言连接邮件服务器的方法

php - 电子邮件中 ​​.eml 文件的 MIME 类型是什么

javascript - chrome.tabs.create 无法正常工作?

javascript - Angular JS - View 不起作用

HTML/CSS : The div placement changes when filled with conent