Поплавок для электронной почты в Outlook

Это вопрос до this question.Поплавок для электронной почты в Outlook

Я пишу это двухстоечное письмо, и мне было рекомендовано использовать float:left на моих td, чтобы ширина была подходящей для электронной почты. Однако я не думаю, что float поддерживается в Outlook, а мой правый столбец вытесняется за пределы всей таблицы.

Here скриншот, как электронная почта делает в перспективе:

Here

Код можно найти here.

источник

2013-08-26 John Ruggiero

Пожалуйста, перепишите это: «Мне было рекомендовано использовать float: left on my td's, чтобы ширина была подходящей для электронной почты».
В чем проблема с шириной, которую ** плавающий ** может исправить? – user2513484

Если вы наблюдаете другой вопрос, вы можете видеть, что плавающие оба td фиксировали ширину td так, чтобы левый td не занимал всю ширину электронной почты, нажимая правую сторону td за границы. –

Хорошо. Я вижу сейчас; Я обновил свой ответ. – user2513484

Плавающий td - очень странная вещь. Я не пробовал, но думаю, что некоторые версии IE просто ничего не сделают (поэтому для вашей обеспокоенности некоторые версии Outlook могут показывать одно и то же поведение или нет, в зависимости от версии и порядка установки MS Office и IE).

Плавающие любые элементы для почтовых клиентов - тоже плохая идея, поскольку hotmail/outlook.com и большинство версий рабочего стола Outlook не поддерживают свойство float.

См: http://www.campaignmonitor.com/css/

EDIT: Это не имеет ничего общего с плавающей или выравнивающий. У вас есть 6 строк в этой таблице, а во втором - 2 столбца, а все остальные - 1 столбец. У вас должно быть одинаковое количество столбцов на таблицу, поэтому вы можете использовать атрибут colspan для всех 5 других tr, чтобы таблица учитывала tr, которая имеет 2 td, вот так <tr colspan="2".... Затем удалите все плавающие, это необязательно.

См. http://www.w3.org/TR/REC-html40/struct/tables.html#adef-colspan для получения дополнительной информации.

источник

2013-08-26 15:43:06 user2513484

Да, я знаю, что это плохая практика, чтобы плавать на td, однако я не нашел другого способа исправить ширину первого td с изображениями, которые не растягиваются до полной ширины таблицы. Я попытался установить ширину td, установив таблицу таблицы в фиксированную, используя выравнивание, и никто не сработал. –

Добавление colspan может позволить верхнему и нижнему колонтитулам покрывать дополнительные ячейки в тело, но у вас нет полного контроля ширины ячейки.определяя новую таблицу, вы можете установить любую ширину, которая вам нравится, если она находится в пределах ограничений ширины родительских таблиц. – Goodsoup

вы можете добиться аналогичного эффекта поплавка с использованием свойства align, такого как align="left" и вложенных таблиц.

<table cellpadding="0" cellspacing="0" border="1" width="600"> 
<tr> 
    <td align="center" height="100" width="600"> 
     header 
    </td> 
</tr> 
<tr> 
    <td> 
     <table align="left" cellpadding="0" cellspacing="0" border="1" height="50" width="298"> 
      <tr> 
       <td> 
         column 1 
       </td> 
      </tr> 
     </table> 
     <table align="left" cellpadding="0" cellspacing="0" border="1" height="50" width="298"> 
      <tr> 
       <td> 
         column 1 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 

<tr> 
    <td align="center" height="100" width="600"> 
     footer 
    </td> 
</tr>

вот fiddle. надеюсь, это поможет.

источник

2013-08-26 16:02:01 Goodsoup

Поплавок для электронной почты в Outlook

ответ

Смежные вопросы