Ссылка в таблице ширины 100% приводит к таблице ширины 90%

Это ДЕЙСТВИТЕЛЬНО странно.

Этот приведенный ниже код должен привести к электронному письму шириной 100% с верхом лаймового цвета. Но поскольку ТД содержит ссылку, вся таблица теперь составляет 90% (или около того) — но только в электронной почте iPhone. Удалите ссылку, и электронная почта будет правильной... Что происходит?

https://s3.amazonaws.com/resultcaptures/C1C356D4-EAC0-4A50-B278-04155E256E51.png

Я сократил свое электронное письмо до следующего содержания:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Email</title>    
</head>
<body bgcolor="brown" style="margin:0;padding:0; ">
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="black">
        <tr>
            <td bgcolor="Lime">
                <div><a href="#" alt="">This</a> is a link</div>
            </td>
        </tr>
    </table>
</body>
</html>

В этом нет ничего плохого... верно? ...или я слепой?


ios iphone email html-email
person curly_brackets    schedule 01.05.2012    source источник
comment
было бы здорово найти ответ. та же проблема здесь, но пока безрезультатно: stackoverflow.com/questions/9493272/   -  person Melros    schedule 02.05.2012
comment
Наконец нашел работающее решение. Опубликовано также на мой вопрос: stackoverflow.com/questions/9493272/   -  person Melros    schedule 23.05.2012

Ответы (3)


arrow_upward
1
arrow_downward

Эта ветка MacRumors предлагает решение проблемы: http://forums.macrumors.com/showthread.php?t=1158457

Попробуйте поместить align="center" и style="text-align:center" в первую таблицу, а затем при необходимости поместите style="text-align:left" во вторую.

Если вы поместите свой контент в родительскую таблицу с выравниванием по центру, это, как ни странно, устранит правое поле в программе чтения почты iPhone.

person Ilia    schedule 22.05.2012

arrow_upward
0
arrow_downward

Наверняка проблема с iOS. Проблема в том, что электронная почта уменьшается, чтобы соответствовать ширине почтового клиента, но когда почта уже, чем почтовый клиент, это происходит, но только с электронными письмами с привязками.

Установите with таблицы на 320 пикселей, чтобы избавиться от него, но попрощайтесь с эластичным макетом.

person curly_brackets    schedule 02.05.2012
comment
К сожалению, вы не можете использовать эластичные макеты в электронной почте html (вы можете вертикально), что сильно ограничивает возможности работы с электронными письмами. - person Undefined; 10.05.2012

arrow_upward
0
arrow_downward

Хорошо, я нашел рабочее решение:

Просто установите:

table {
    width: 99%; /* 99.99% doesn't seem to work */
    margin: 0 auto;
}

Чтобы избавиться от очень маленького минимального зазора, просто установите цвет фона таким же, как у вашей таблицы.

Исправлено на данный момент!

У меня была такая же проблема: Link< /а>

person Melros    schedule 23.05.2012