it-swarm.com.de

Center div in Microsoft Outlook

Ich habe <div style="width: 742px; margin: 0px auto; "> verwendet, um den Container div zu zentrieren.

Im Browser funktioniert es, aber wenn ich es in Microsoft Outlook öffne, ist es nicht in der Mitte.

Ich habe auch !important für die margin verwendet, weil ich dachte, es hätte Vorrang vor dem CSS.

Wie zentriere ich eine div im Browser und in der E-Mail?

21
Maarten Kuilman
<div align="center">

your code 

</div>

Nur für Outlook 

33
Rohit Azad

Für E-Mails im Allgemeinen ist es besser, HTML-Attribute und veraltete Tags anstelle ihrer CSS-Entsprechungen zu verwenden, da einige Messagingsysteme Inline-Stile ignorieren.

Zum Beispiel anstelle von:

<div style="width: 742px; margin: 0px auto; ">...

Sie können verwenden:

<body align="center"><table align="center" width="742">...

Oder

<div align="center">...

Beispiel 2 anstelle von:

<p style="font-family: Arial, Helvetica, Tahoma, sans-serif;">My text</p>

Du kannst tun:

<font face="Arial" size="4">My text</font>
5

Ein guter Reflex ist das offizielle Microsoft Documentation Network: http://msdn.Microsoft.com/de-de/library/aa338201.aspx

Hier können Sie sehen, dass die beste Methode ist, etwas anderes als ein div-Element zu verwenden.

Verwenden Sie eine Tabelle, die das Maximum an CSS-Kontrolle zulässt.

0
Nek