Не работает высота строки в Outlook 2010 для HTML Email

Outlook 2010/ Outlook 2007, похоже, не соблюдает высоту строки в моей электронной почте HTML. (Он отлично работает в Outlook 00 и Outlook 03)

Я провел обширный поиск - и найденные мной таблицы поддержки HTML CSS говорят, что Outlook 2010/2007 ДОЛЖЕН понимать высоту строки.

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

Я также убедился, что явно объявляю line-height как пиксельное значение, которое значительно больше размера текста (но я также пробовал % и em). Пробовал помещать !important в декларацию - и даже пробовал valign вместе со всеми другими советами, которые я мог найти в Интернете..... Я использовал высоту строки, чтобы, например, определить padding-top и padding-bottom кнопок, поскольку поддержка padding/margin в HTML Email настолько глючная.

Буду очень признателен за любую помощь в этом вопросе. Уже голова кругом идет!

Фактическое письмо огромное, поскольку это сложный информационный бюллетень, но вот фрагмент стиля в шапке и раздел таблицы, в котором не работает высота строки - надеюсь, этого достаточно!:

<style type="text/css" media="screen">
    html {
        -webkit-text-size-adjust:none;
        -webkit-background-size:100%;
    }
    body{
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px 0px 0px !important;
        margin-bottom:0px !important;
        margin-top:0px !important;
        background-color:#e5e5e5;
    }
    p{
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px 0px 0px !important;
        margin-bottom:0px !important;
        margin-top:0px !important;
        display:block;
    }
    a:link, a:visited, a:active{
        color:#55c2d9;
        text-decoration: underline;
    }
    a:hover{ 
        text-decoration: underline; 
    }
    .body a:link, a:visited, a:active{
        color:#55c2d9;
    }
    img{
        border: 0;
        display: block;
    }
    table.main {
        background-color: #ffffff;
        width:650px;
    }
    td {

    }
    #header-top p{
        line-height:33px;
    }

</style>

                    <!-- Content -->
                    <table border="0" cellspacing="0" cellpadding="0" class="body">
                        <!-- Row 1 -->
                        <tr valign="top">
                            <td background="images/bg-texture-top.jpg" style="background-repeat:repeat-y; background-color:#262626;" valign="top" width="650" height="33" bgcolor="#262626">

                                <table border="0" cellspacing="0" cellpadding="0" id="header-top">

                                    <!-- Row 1.1 -->
                                    <tr valign="top">
                                        <td style="" valign="top" width="16" height="" bgcolor="">
                                        </td>

                                        <td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="490" height="33" bgcolor="">
                                            <p><a href="#">click here to view this email in a browser</a></p>
                                        </td>
                                        <td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="62" height="33" bgcolor="">
                                            <p>find us on:</p>
                                        </td>

                                        <td style="" valign="top" width="16" height="" bgcolor="">
                                        </td>
                                    </tr>

                                </table>

                            </td>
                        </tr>

                    </table> <!-- Content -->
28
задан Lauren 24 January 2012 в 01:17
поделиться