Problème de Position: absolute dans Gmail
Bonjour,
Je met en forme actuellement une newsletter pour un client.
La mise en forme est parfaite sous thunderbird mais lorsque je passe sous Gmail les "position: absolute;" ainsi que les "position: relative;" bref, tout ce qui concerne la position de mes blocs et images disparaissent.
J'utilise ces propriétés afin d'éviter d'avoir des background-image (qui ne s'affichent pas sous Gmail).
Quelqu'un aurait-il une explication et si possible une solution à me proposer?
Voici un exemple de code qui ressemble au mien (car les données sont privées bien sur :)) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<table width="610px" style="background-image: url(fond-page.jpg); background-repeat: repeat-y; background-color: #FFFFFF; padding-top:0px; padding-left: 6px; padding-right: 4px; margin: auto;" cellspacing="0">
<tbody style="margin: 0; padding: 0;">
<tr style="vertical-align: text-top;">
<td height="386px" width="600px" style="padding:0;">
<img src="bandeau.jpg" alt="Bandeau" style="position: absolute; top: 0;"/>
<h1 style="width: 480px; position: relative; margin-left: 120px; margin-top: 260px; color: #365e23; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase;">Du Vendredi 19 Mars au Jeudi 25 Mars 2010</h1>
<ul style="position: relative; margin-top: 30px; margin-left: 70px; list-style: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;">
<li style="float:left; margin-left: 0px;">
<a href="#lundi" title="lundi" style="color: #365e23;">lundi</a><?php
<img src="carre-vert.jpg" alt="" style="margin-left: 3px; margin-right: 3px;"/>
</li>
</ul>
</td>
</tr>
</tbody>
</table> |
