Выравнивать центр электронной почты в Outlook.com

Question

Я хочу сосредоточить свою электронную почту в Outlook.com. Он отлично работает в каждом почтовом приложении, но не на Outlook.com

Как это исправить?

Код:

<table class="table-bestelling-content" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff"> 
    <tr class="header" style="max-width: 600px; display: block; margin-left: auto; margin-right: auto;"> 
     <td> 
      <table cellpadding="0" cellspacing="0" border="0" width="100%;" > 
       <tr> 
        <td align="center" class="email-heading head"> 
         <h1>ORDERBEVESTIGING</h1> 
         <p>Hi {{htmlescape var=$order.getCustomerFirstname()}},</p> 
         <p>Bedankt voor je bestelling!</p> 
         <p>Je bestelling heeft ordernummer {{var order.increment_id}}.</p> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 1

Во-первых, не стиль строки, вы на рожон. Я бы держался подальше от margin: auto и просто использовал выравнивание по ячейкам. У вас ширина = "100%;" который сломается из-за точки с запятой.

Измените ширину вторых таблиц на 600 (или все, что вам нужно), а затем добавьте align = "center" к корпусу ячейки, который. Добавление выравнивания к первой ячейке делает все 600 широкоформатных таблиц внутри этого наследует это выравнивание и сделает весь ваш адрес электронной почты в центре.

Используйте это:

<table class="table-bestelling-content" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff"> 
<tr> 
    <td align="center"> 
     <table cellpadding="0" cellspacing="0" border="0" width="600" > 
      <tr> 
       <td align="center" class="email-heading head"> 
        <h1>ORDERBEVESTIGING</h1> 
        <p>Hi {{htmlescape var=$order.getCustomerFirstname()}},</p> 
        <p>Bedankt voor je bestelling!</p> 
        <p>Je bestelling heeft ordernummer {{var order.increment_id}}.</p> 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 

Answer 2

Попробуйте это:

Я хочу сосредоточить свою электронную почту в Outlook.com. Он отлично работает в каждом почтовом приложении, но не на Outlook.com.

Как это исправить?

Код:

<table class="table-bestelling-content" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff"> 
    <tr class="header" style="display: block; margin-left: auto; margin-right: auto;"> 
     <td> 
      <table cellpadding="0" cellspacing="0" border="0" width="600" > 
       <tr> 
        <td align="center" class="email-heading head"> 
         <h1>ORDERBEVESTIGING</h1> 
         <p>Hi {{htmlescape var=$order.getCustomerFirstname()}},</p> 
         <p>Bedankt voor je bestelling!</p> 
         <p>Je bestelling heeft ordernummer {{var order.increment_id}}.</p> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 3

Попробуйте это:

<table width="100%"> 
    <tr> 
    <td></td> 
    <td width="600"> 
     Put all your emails tables/content here 
    </td> 
    <td></td> 
    </tr> 
</table>