Centre de div dans Microsoft Outlook

J'ai utilisé <div style="width: 742px; margin: 0px auto; "> pour centre le conteneur div.

Dans le navigateur, il fonctionne, mais quand je l'ouvre dans Microsoft Outlook, il n'est pas dans le centre.

J'ai aussi utilisé !important sur le margin car je pensais qu'il l'emporte sur le CSS.

Comment puis-je centre un div dans le navigateur et la messagerie?

InformationsquelleAutor Maarten Kuilman | 2012-04-13
  1. 35
    <div align="center">

your code 

</div>

    Uniquement pour Outlook

    • Quand il s'agit de l'écriture de code HTML pour les e-mails que vous êtes mieux lotis, se référant à un code HTML livre à partir de 1997.
    • Je ne pouvais pas obtenir que cela fonctionne avec un <div> élément. J'ai eu à utiliser <table> à la place.
    InformationsquelleAutor Rohit Azad
  2. 5

    Pour le courrier électronique en général, il est préférable de ne l'utiliser et attributs html obsolètes tags à la place de leurs équivalents CSS parce que certains systèmes de messagerie ignorer les styles en ligne.

    Par exemple, au lieu de:

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

    Vous pouvez utiliser:

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

    Ou

    <div align="center">...

    L'exemple 2, au lieu de:

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

    Que vous pouvez faire:

    <font face="Arial" size="4">My text</font>
    • Merci pour cela, je suis en utilisant ce aussi maintenant, et j'ai corrigé quelques autres problèmes de cette façon!
    InformationsquelleAutor Tacquet Benjamin
  3. 0

    Un bon réflexe est d'aller sur le site officiel de Microsoft Réseau de Documentation: http://msdn.microsoft.com/en-us/library/aa338201.aspx

    Ici, vous pouvez voir que la meilleure méthode est d'utiliser la propriété.. une autre chose que d'un élément div.

    Utiliser un tableau, elle permet de faire le maximum de css de contrôle.

    InformationsquelleAutor Nek