[英]Can anyone help figure out why my HTML email looks different in IE/Chrome?
I've been designing an HTML e-mail template, and have a few bugs that I haven't been able to solve. 我一直在设计HTML电子邮件模板,但有一些我无法解决的错误。 Here's my page:
这是我的页面:
When I view the page in IE, the right most column has a really large right margin that I can't seem to get rid of. 当我在IE中查看页面时,最右边的列具有很大的右边距,我似乎无法摆脱。 I have tried setting margin-right: 0px.
我试过设置margin-right:0px。
When viewed in Chrome, the FB badge doesn't stay in the bottom right fully. 在Chrome中查看时,FB徽章不会完全位于右下角。 Rather, it slightly floats above.
相反,它稍微浮在上面。 CSS floats are not an option in HTML emails.
HTML电子邮件中不能使用CSS浮动。
Any ideas? 有任何想法吗? I'd greatly appreciate any help.
我将不胜感激任何帮助。
Some notes: yes - nested tables. 一些注意事项:是的-嵌套表。 For those unaware, in order to ensure the html/css formatting isn't stripped out, tables are a necessity for HTML emails.
对于那些不知道的人,为了确保不删除html / css格式,对于HTML电子邮件,表是必需的。 I originally coded this with pure CSS, but to no avail (doesnt render across major clients).
我最初使用纯CSS对此进行了编码,但无济于事(在主要客户端上均不渲染)。
td
width to 100px.. td
宽度设置为100px。 valign="bottom"
and align="right"
valign="bottom"
和align="right"
Regarding your problem with IE, your web-page does not have a DOCTYPE. 关于IE的问题,您的网页没有DOCTYPE。 As a result, quirks mode is activated.
结果,激活了怪癖模式。 In quirks mode, the page is rendered differently.
在怪癖模式下,页面呈现方式有所不同。 To disable quirks mode, add a DOCTYPE at the top of your web-page:
要禁用怪癖模式,请在网页顶部添加DOCTYPE:
<!doctype html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.