Float:正确的Outlook响应代码

时间:2017-03-02 12:38:07

标签: html css outlook html-email

我正在编写“响应式”电子邮件。

我有一张2 td的桌子。我希望第二个位于桌子右侧。

Sample

问题是第一个不能有固定宽度,因此表可以响应。

我尝试了“float:worksright”解决方案,但它不适用于outlook。 (我尝试过其他人,但这是更好的解决方案。) 你有什么想法吗?

<table style="max-width:600;" border="0" cellspacing="0" cellpadding="0">
        	<tr>
            	<td width="131" style="padding:25px 0;"><img src="images/autodesk.jpg" style="display:block; height:auto; max-width:131px; width: 100%;"></td>
                <td width="25" style="font-size:1px; padding:25px 0;">&nbsp;</td>
            	<td style="padding:25px 0; vertical-align:top;"><table style="max-width:444;" border="0" cellspacing="0" cellpadding="0">
                	<tr>
                    	<td style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">
                        	<strong style="color:#ff9933; font-size:11px; text-transform:uppercase;">Autodesk</strong><br/>
                            <strong style="color:#020a0d; font-size:20px; line-height:27px;">Coleções de indústrias Autodesk</strong><br/>
                            <br/>
                            O Kaspersky Anti-Virus proporciona a primeira linha de defesa do seu PC contra vírus através de tecnologias antimalware premiadas, spyware e muito mais. Obtenha proteção real contra os programas maliciosos.<br/>
                            <br/>
                        </td>
                  	</tr>
                  	<tr>
                    	<td><table border="0" cellspacing="0" cellpadding="0"  style="max-width:444;">
                        	<tr>
                            	<td>
                            	<div style="background-color:#ff9933; color:#ffffff; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; text-transform:lowercase; padding:5px;">Saber +</div>
                          	</tr>
                        </table></td>
                  	</tr>
                </table></td>
          	</tr>
		</table>

停止一切!我公开宣称自己是一个愚蠢的人。它只是在父表中使用align =“right”。 - '有时我们会忘记最简单的事情。

感谢大家的帮助。 :)

1 个答案:

答案 0 :(得分:2)

width="100%"设置为第二个td内的表格

查看此fiddle