Я создаю форму электронной почты, используя около 4 таблиц. Каждый из них должен иметь ширину в 700 пикселей в ширину, поэтому он выглядит полностью заподлицо, но некоторые таблицы у основания находятся либо в нескольких пикселах, либо на расстоянии нескольких пикселей.Таблицы не будут иметь одинаковую ширину при просмотре в Outlook
Я запускаю форму электронной почты через Mailchimp, и она выглядит только из формы, когда я просматриваю ее в Outlook.
Это одна из таблиц, которые я хочу быть 700px, но показывает около 696px:
<table width="700px" border="0" cellspacing="0">
<tr>
<th width="16" bgcolor="#efefef" scope="row"></th>
<td width="664" rowspan="2" align="left" valign="middle" bgcolor="#efefef">
<font size="2">TEXT TEXT TEX</font></td>
<td width="14" bgcolor="#efefef"> </td>
</tr>
<tr>
<th height="39" bgcolor="#efefef" scope="row"> </th>
<td bgcolor="#efefef"> </td>
</tr>
</table>
А вот мой CSS (но я не могу видеть, что быть проблемы):
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
h2 {
color: #f16b20;
font-size: large;
}
body {
margin-left: 0px;
margin-top: 0px;
}
h3 {
font-size: 12px;
}
a:link {
color: #f16b20;
}
a:visited {
color: #f16b20;
}
a:hover {
color: #993300;
}
a:active {
color: #f16b20;
}
Вы должны удалить устаревшие теги, которые вы используете, как '', также вы можете определить, ширину и высоту с помощью CSS вашего Td, вам не нужно использовать атрибуты там, то же самое для 'bgcolor' –
' table width = "700px" 'должно быть просто' table width = "700" ' – Pete
Не используйте атрибут width и height как атрибут (они устарели), но вместо этого используйте CSS (' style = "width:; height: ;" 'в вашем теге как атрибут. У меня была такая же проблема с тем, что Firefox не интерпретировал хороший процент в этих атрибутах. Замечательная вещь - «table-layout: fixed;», поскольку она не деформирует таблицу, если контент огромен, он использует стиль первой строки. –
orion78fr