web-dev-qa-db-fra.com

Centre div dans Microsoft Outlook

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

Dans le navigateur, cela fonctionne, mais lorsque je l’ouvre dans Microsoft Outlook, ce n’est pas au centre.

J'ai aussi utilisé !important sur la margin parce que je pensais que cela prévalait sur le CSS.

Comment centrer une div dans le navigateur et le courrier électronique?

htmlcssoutlook
21
Maarten Kuilman
<div align="center">

your code 

</div>

Seulement pour Outlook 

33
Rohit Azad

En règle générale, il est préférable d’utiliser des attributs HTML et des balises déconseillées au lieu de leurs équivalents CSS, car certains systèmes de messagerie ignorent 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">...

Exemple 2, au lieu de:

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

Tu peux faire:

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

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

Ici, vous pouvez voir que la meilleure méthode consiste à utiliser .. autre chose qu'un élément div.

Utilisez un tableau, il permet le maximum de contrôle css.

0
Nek