BUG Foundation показывает электронную почту hr с Chrome/gmail не работает

У меня есть некоторые проблемы при использовании электронной почты с Google Chrome и почтовыми клиентами Google. Я использую этот чернильный код:

<row><columns small="12" large="12">

    <!-- Trennlinie -->
    <hr style=" border: 0; height: 1px; background: #999;">

</columns></row>

сгенерированный HTML-код выглядит следующим образом

            <table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%">
                <tbody>
                    <tr style="padding: 0; text-align: left; vertical-align: top">
                        <th class="small-12 large-12 columns first last" style="Margin: 0 auto; color: #1F1F1F; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 0px; padding-left: 16px; padding-right: 16px; text-align: left; width: 564px">
                            <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%">
                                <tr style="padding: 0; text-align: left; vertical-align: top">
                                    <th style="Margin: 0; color: #1F1F1F; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left">

                                        <!-- Trennlinie -->
                                        <hr style="border: 0; height: 1px; background: #999">

                                    </th>
                                    <th class="expander" style="Margin: 0; color: #1F1F1F; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0">
                                    </th>
                                </tr>
                            </table>
                        </th>
                    </tr>
                </tbody>
            </table>

в gmail и в chrome hr отображается только на 50% размера экрана, а остальные 50% используются расширителем. Как видите, ширина расширителя установлена ​​на 0.

только ширина 50%

расширитель берет 50%

Я установил ширину часов на 100% без результата.

Во всех других клиентах hr хорошо отображается только в этих двух. Что я могу сделать, чтобы решить эту проблему

Привет из западной Германии Фрэнк

0 ответов

Другие вопросы по тегам