2016-08-05 22 views
0

Ich weiß, es ist sehr verbreitet, aber ich habe alle empfohlenen Lösungen ausprobiert und nichts hat funktioniert.Outlook E-Mail verliert links Padding

Die E-Mail-Vorlage, die ich habe linken Rand in Outlook-Browser verloren. Ich möchte den linken Rand/Padding nur für Outlook hinzufügen und lassen Sie es in anderen Browsern ignoriert werden, da sie gut aussehen und keine zusätzliche Marge benötigen. Ich muss es nur mit Inline-CSS reparieren, ohne ein Styling zu haben. Ich verwende keinen Rand oder Padding in meinem CSS.

Hier ist mein Code:

<table cellpadding="0" cellspacing="0" width="598" style="width: 598px;"> 
     <tr> 
      <td><span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span></td> 
      <td> 
       <span style="width:45px;height:15px;"><div style="width:25px;height:15px;">&nbsp;</div></span> 
       <div>some text</div> 
       <span style="width:45px;height:15px;"><div style="width:25px;height:15px;">&nbsp;</div></span> 
       <div>some text</div> 
       <span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span> 
       <div>some text</div> 
       <span style="width:45px;height:40px;"><div style="width:25px;height:20px;">&nbsp;</div></span> 
       <div>some text,</div> 
       <span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span> 
       <div>some text</div> 
       <span style="width:45px;height:5px;"><div style="width:25px;height:5px;">&nbsp;</div></span> 
      </td> 
      <td><span style="width:45px;height:20px;"><div style="width:25px;height:20px;">&nbsp;</div></span></td> 
     </tr> 
    </table> 

Ich habe versucht, padding zu jedem td Element hinzugefügt wird, aber während es Ansicht in Outlook behebt fügt es Pfund extra in anderen Browsern. Das Hinzufügen von &nbsp; ergibt die gleichen Ergebnisse.

Jede Hilfe wird geschätzt!

+0

Haben Sie versucht Rand: auto? –

+0

So weit ich weiß Marge wird von Outlook ignoriert – yinjia

+0

ja du hast recht! aber hast du versucht mit "cellpadding und cellspacing" auf dem Tisch Tag zu spielen? –

Antwort

-3
<table cellpadding="0" cellspacing="0" width="598" style="width: 598px;"> 
     <tr> 
      <td style="width:100%;padding-left:10px"> 
       <tr> 
       <td> 
        <table> 
        <!-- your content here--> 
        </table> 
       </td> 
       </tr> 
      </td> 
     </tr> 
</table> 

Versuchen Sie den Inhalt in der Haupt td und Stil es gewickelt wird. Dadurch wird das Auffüllen des gesamten E-Mail-Nachrichtentexts erzwungen. Ich habe diesen Ansatz versucht und für mich gearbeitet. Probieren Sie es aus und lassen Sie mich wissen, ob dies hilft.

+0

danke, obwohl dies das Problem nicht gelöst - es fügt zusätzliche Padding zu allen Browsern, nicht nur Outlook – yinjia

+2

Dies ist nicht einmal gültige HTML ... –

+0

@MikeMcCaughan Warum denkst du das? –