PDA

View Full Version : apDiv problem, not showing correctly in Yahoomail.




Infinitygraphix
Nov 10, 2008, 10:02 AM
I'm designing a new e-newsletter and every test we made until nbow were ok... except in Yahoo (and me must also check Hotmail et Gmail)

The problem I have is that a apDive tag is not showing at the right place in Yahoo Mail.

The Div is showing on top of everything else and the rest of the code is showing properly UNDER the DIV.

The Div tag should be over the rest.

Here is a part of the code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Bulletin CCH juriste</title>
<style type="text/css">
<!--
td img {
display:block;
margin:0;
padding:0;

font-family: Trebuchet MS, Arial, Helvetica, R Frutiger Roman;
color: #000000;

}

}
.style54 {font-family: "Trebuchet MS", Arial, Helvetica; font-size: 10pt; color: #000000; }
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: underline;
color: #0000FF;
}
a:active {
text-decoration: none;
}
#apDiv4 {
position:absolute;
left:262px;
top:50px;
width:213px;
height:26px;
z-index:4;
visibility: inherit;
}
#apDiv12 {
position:absolute;
left:526px;
top:274px;
width:144px;
height:318px;
z-index:7;
min-height: 318px;
float: none;
max-height: 318px;
}
#apDiv2 {
position:absolute;
left:49px;
top:243px;
width:454px;
height:672px;
z-index:1;
visibility: inherit;
overflow: scroll;
clip: auto;
min-height: 672px;
max-height: 672px;
float: none;
text-indent: 0px;
}
#apDiv {
position:absolute;
left:905px;
top:709px;
width:152px;
height:186px;
z-index:2;
visibility: inherit;
}
#apDiv3 {
position:absolute;
left:526px;
top:714px;
width:139px;
height:186px;
z-index:2;
visibility: inherit;
float: none;
max-height: 186px;
}
#apDiv5 {position:absolute;
left:913px;
top:717px;
width:136px;
height:177px;
z-index:2;
visibility: inherit;
}
#apDiv6 {position:absolute;
left:913px;
top:717px;
width:136px;
height:177px;
z-index:2;
visibility: inherit;
}
#apDiv7 {position:absolute;
left:913px;
top:717px;
width:136px;
height:177px;
z-index:2;
visibility: inherit;
}
#apDiv1 {
position:absolute;
left:556px;
top:621px;
width:114px;
height:62px;
z-index:8;
float: none;
max-height: 62px;
}
.style24 {font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 7pt;
color: #696A6D;
}
.style55 {
font-size: 11pt;
font-style: italic;
color: #000000;
}
#apDiv9 {
position:absolute;
left:47px;
top:243px;
width:449px;
height:147px;
z-index:6;
max-height: 300px;
float: none;
}
.style3 {font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 10pt;
color: #4B4D4D;
}
#apDiv8 { position:absolute;
left:51px;
top:464px;
width:444px;
height:462px;
z-index:1;
overflow: scroll;
visibility: inherit;
padding-right: 5px;
}
body,td,th {
font-family: Trebuchet MS, Arial, Helvetica, R Frutiger Roman;
}
.style60 {font-family: "Trebuchet MS", Arial, Helvetica; font-size: 18px; font-weight: bold; color: #006A6E; }
.style8 {font-family: "Trebuchet MS", Arial, Helvetica; font-size: medium; }
.style29 { font-size: 18px;
font-weight: bold;
color: #EB9E00;
font-family: "Trebuchet MS", Arial, Helvetica, "R Frutiger Roman";
}
-->
</style></head>

<body>
<map name="Map" id="Map">
<area shape="rect" coords="17,16,230,79" href="http://www.cch.ca" alt="Acc&eacute;dez au site Internet de CCH" />
</map>
<map name="MapMap" id="MapMap">
<area shape="rect" coords="17,16,230,79" href="http://www.cch.ca" alt="Acc&eacute;dez au site Internet de CCH" />
</map>
<div id="apDiv2">
<p align="left" class="style55">Cher lecteur, Ch&egrave;re lectrice, </p>
<p align="left" class="style55">Il me fait plaisir de vous pr&eacute;senter notre tout nouveau bulletin juriste. En plus des excellents articles pr&eacute;sent&eacute;s par nos auteurs, vous retrouverez maintenant aussi des conseils techniques &agrave; propos de nos abonnements &eacute;lectroniques ainsi que certains &eacute;v&eacute;nements de l&rsquo;actualit&eacute; CCH m&eacute;ritant votre attention. Je profite de cette occasion pour vous inviter &agrave; mettre &agrave; jour vos informations personnelles en cliquant sur le bouton &laquo; mon profil &raquo; situ&eacute; dans la barre de menu.</p>
<p align="left" class="style55"> Bonne lecture! </p>
<p align="left" class="style55">Maxime Lalibert&eacute;</p>
<p align="left" class="style29">Assurance de personnes</p>
<p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_ap1.html" target="_self">La police est <em>nulle ab initio</em></a></strong><br />
<span class="style3">En vertu de l&rsquo;article 2425 C.c.Q., l&rsquo;assurance sur la vie prend effet au moment de l&rsquo;acceptation de la proposition par l&rsquo;assureur, pour autant que cette derni&egrave;re ait &eacute;t&eacute; accept&eacute;e sans modification, que la premi&egrave;re prime ait &eacute;t&eacute; vers&eacute;e et qu&rsquo;aucun changement ne soit survenu dans le caract&egrave;re assurable du risque depuis la signature de la proposition. Dans le pr&eacute;sent dossier, l&rsquo;assureur a prouv&eacute; qu&rsquo;il y avait eu un changement dans le caract&egrave;re assurable de l&rsquo;assur&eacute; entre la date de la signature de la proposition (le 19 octobre 2002) et la date de l&rsquo;acceptation du risque par l&rsquo;assureur (le 28 novembre 2002). Une des conditions de l&rsquo;article 2425 C.c.Q. n&rsquo;est donc pas respect&eacute;e. Par cons&eacute;quent, la police est <em>nulle ab initio</em>.</span></p>
<p><span class="style29">Droit immobilier </span></p>
<p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_di1.html" target="_self">Courtage immobilier: la Cour supr&ecirc;me limite la libert&eacute; contractuelle</a></strong><br />
<span class="style3">Est-ce que les courtiers peuvent, en vertu de la <em>Loi sur le courtage immobilier </em>et ses r&egrave;glements d&rsquo;application, convenir avec leurs clients d&rsquo;une r&eacute;tribution en l&rsquo;absence de vente?</span></p>
<p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_di2.html" target="_self">Le contrat de courtage immobilier est un contrat mixte</a></strong><br />
<span class="style3">Un courtier en immeuble se porte subrepticement acqu&eacute;reur d&rsquo;un immeuble que convoitait son client, acheteur prospectif. Ce dernier peut-il demander la nullit&eacute; de la vente &agrave; son courtier et se faire d&eacute;clarer propri&eacute;taire en vertu de l&rsquo;article 2184 C.c.Q.?</span></p>
<p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_di3.html" target="_self">L&rsquo;&eacute;change des places de stationnement dans une copropri&eacute;t&eacute; &agrave; destination mixte</a></strong><br />
<span class="style3">Les propri&eacute;taires respectifs d&rsquo;espaces de stationnement r&eacute;serv&eacute;s &agrave; diff&eacute;rentes vocations dans une copropri&eacute;t&eacute; peuvent-ils proc&eacute;der &agrave; un &eacute;change de ces stationnements?</span></p>
<p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_di4.html" target="_self">Un cr&eacute;ancier hypoth&eacute;caire est condamn&eacute; &agrave; payer des dommages punitifs</a></strong><br />
<span class="style3">Dans quelle mesure les abus de droit d&rsquo;un cr&eacute;ancier hypoth&eacute;caire peuvent-ils faire l&rsquo;objet d&rsquo;une condamnation &agrave; des dommages punitifs?</span></p>
<p><span class="style29">Droits et libert&eacute;s</span></p>
<p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_dl1.html" target="_self">La Cour Supr&ecirc;me du Canada r&eacute;affirme l&rsquo;importance du privil&egrave;ge du secret professionnel de l&rsquo;avocat.</a></strong><br />
<span class="style3">Suite &agrave; une plainte au Commissaire &agrave; la protection de la vie priv&eacute;e par une employ&eacute;e cong&eacute;di&eacute;e cherchant &agrave; obtenir l&rsquo;acc&egrave;s aux renseignements personnels relatifs &agrave; son emploi, la Cour supr&ecirc;me r&eacute;it&egrave;re l&rsquo;importance du privil&egrave;ge du secret professionnel de l&rsquo;avocat.</span></p>
<p align="left" class="style60">&nbsp;</p>
</div>
<map name="MapMap3" id="MapMap3">
<area shape="rect" coords="22,97,366,150" href="http://www.cch.ca/bulletins/travail/buct.html" alt="Acc&eacute;dez au Bulletin CCH travail courant" />
</map>
<map name="MapMap4" id="MapMap4">
<area shape="rect" coords="22,97,366,150" href="http://www.cch.ca/bulletins/travail/buct.html" alt="Acc&eacute;dez au Bulletin CCH travail courant" />
</map>
<div class="style3" id="apDiv4">Novembre 2008, Volume 10, n<sup>o</sup> 11 </div>
<map name="MapMap5" id="MapMap5">
<area shape="rect" coords="37,164,187,193" href="http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" target="_blank" alt="Abonnez-vous aux Bulletins de CCH" />
</map>
<map name="MapMap6" id="MapMap6">
<area shape="rect" coords="192,162,337,192" href="mailto:?subject=Un bulletin int&eacute;ressant de CCH&amp;body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/travail/buct.html Pour s&rsquo;y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transf&eacute;rez le buletin &agrave; un coll&egrave;gue" />
</map>
<table width="700" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="15" colspan="2" align="center" valign="top"><a href="http://www.cch.ca/bulletins/juriste/bucj.html"><span class="style54">Si vous &eacute;prouvez des difficult&eacute;s &agrave; visualiser correctement ce courriel, veuillez cliquer ici. </span></a></td>
</tr>
<tr>
<td height="197" colspan="2" align="center" valign="top"><img src="http://www.cch.ca/bulletins/img/bucj_01.png" width="700" height="197" border="0" align="bottom" usemap="#MapMap2Map2" />
<map name="MapMap2Map2" id="MapMap2Map2">
<area shape="rect" coords="520,168,656,188" href="http://www.cch.ca/formation" alt="Formation continue" />
<area shape="rect" coords="383,167,440,189" href="http://www.cch.ca/Auteurs/" alt="Auteurs" />
<area shape="rect" coords="313,165,374,190" href="http://www.cch.ca/bulletins/archives.aspx" target="_blank" alt="Acc&eacute;dez aux bulletins pr&eacute;c&eacute;dents" />
<area shape="rect" coords="230,167,304,188" href="http://www.cch.ca/bulletinsgratuit/ModifierProfil.aspx?slg=FR" target="_blank" alt="Modifiez votre profil" />
<area shape="rect" coords="151,168,219,188" href="mailto:?subject=Un bulletin int&eacute;ressant de CCH&amp;body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/juriste/bucj.html Pour s&rsquo;y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transf&eacute;rez le bulletin &agrave; un coll&egrave;gue" />
<area shape="rect" coords="45,167,141,189" href="http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" target="_blank" alt="Abonnez-vous aux Bulletins de CCH" />
<area shape="rect" coords="450,168,509,189" href="http://cch.ca/juriste/" alt="Acc&eacute;dez aux produits de la collection CCH juriste" />
</map></td>
</tr>
<tr>
<td width="494" height="691" align="left" valign="top"><img src="http://www.cch.ca/bulletins/img/bucj_02.png" alt="Articles" width="494" height="691" border="0" /></td>
<td width="206" height="691" align="left" valign="top"><img src="http://www.cch.ca/bulletins/img/slice_bucj1108.png" alt=" " width="206" height="691" border="0" usemap="#Map2" /></td>
</tr>
<tr>
<td height="164" colspan="2"><img src="http://www.cch.ca/bulletins/img/pub2_BUCJ1108.gif" alt="Publicit&eacute;s" width="700" height="164" border="0" usemap="#Map4" /></td>
</tr>
<tr>
<td height="72" colspan="2"><img src="http://www.cch.ca/bulletins/img/bucj_05.png" alt="Autres bulletins de CCH" width="700" height="72" border="0" usemap="#Map3" /></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top"><table width="659" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="38">&nbsp;</td>
<td width="562"><p align="left" class="style24"><a href="../D&eacute;sabonnement">D&eacute;sabonnement</a></p>
<p align="left" class="style24">D&eacute;n&eacute;gation de responsabilit&eacute; :<br />
Personne ne peut invoquer le contenu de cette publication sans avoir pr&eacute;alablement obtenu l’avis d’un professionnel qualifi&eacute;.
L’&eacute;diteur, les auteurs et les r&eacute;dacteurs ne sont pas responsables de toutes actions et d&eacute;cisions entreprises
sur la base
de l’information contenue dans cette publication, pas plus qu’ils ne peuvent &ecirc;tre tenus responsables des erreurs
ou des
omissions qui auraient pu s’y glisser. L’&eacute;diteur ne fournit pas de services juridiques, comptables et fiscaux,
de conseils ou d’avis professionnels et recommande la consultation d’un professionnel si des conseils s’av&egrave;rent n&eacute;cessaires. </p>
<p align="left" class="style24">&copy; Droits r&eacute;serv&eacute;s<br />
Ce bulletin ne peut-&ecirc;tre reproduit en tout ou en partie par quelque moyen que ce soit sans l’autorisation &eacute;crite de l’&eacute;diteur.<br />
Publications CCH lt&eacute;e, 190-7005 boulevard Taschereau, Brossard, Qu&eacute;bec, J4Z 1A7<br />
Service &agrave; la client&egrave;le : par courriel<a href="mailto:service@cch.ca"> <u>service@cch.ca</u></a> ou par t&eacute;l&eacute;phone (450) 678-4443, sans frais 1 800 363-8304. </p></td>
</tr>
</table> </td>
</tr>
</table>
<map name="Map2" id="Map2">
<area shape="rect" coords="18,389,166,465" href="http://www.surveymonkey.com/s.aspx?sm=4qgrQCdg_2flaF07QNi39gAQ_3d_3d" target="_blank" alt="Qui &ecirc;tes-vous ?" /><area shape="rect" coords="15,480,165,674" href="http://www.cch.ca/bulletins/BO/boj_1108.html" target="_blank" alt="Bo&icirc;te &agrave; outils" />
<area shape="rect" coords="16,1,171,37" href="mailto:maxime.laliberte@wolterskluwer.com" alt="Faites nous part de vos suggestions, id&eacute;es et commentaires" />
<area shape="rect" coords="20,105,144,176" href="http://www.cch.ca/tr/ipseminar.aspx?tab=1&amp;smid=592&amp;cm_mmc=municipal-_-cosntf-_-bucj1108-_-actu" alt="Protection des renseignements personnels dans le secteur de la sant&eacute; " />
<area shape="rect" coords="18,178,103,219" href="http://www.cch.ca/tr/ipsd.aspx?tab=1&amp;smid=465&amp;cm_mmc=grh-_-cotec-_-bucj1108-_-actu " alt="Techniques d&rsquo;entrevues " />
<area shape="rect" coords="17,222,103,246" href="http://www.cch.ca/tr/ipseminar.aspx?tab=1&amp;smid=596&amp;cm_mmc=grh-_-cofin-_-bucj1108-_-actu " alt="Fin d&rsquo;emploi " />
</map>

<map name="MapMap2" id="MapMap2">
<area shape="rect" coords="525,168,649,188" href="http://www.cch.ca/formation" alt="Formation continue" />
<area shape="rect" coords="369,167,422,188" href="http://www.cch.ca/Auteurs/" alt="Auteurs" />
<area shape="rect" coords="304,167,361,188" href="http://www.cch.ca/bulletins/archives.aspx" target="_blank" alt="Acc&eacute;dez aux bullteins pr&eacute;c&eacute;dents" />
<area shape="rect" coords="225,167,295,187" href="http://www.cch.ca/bulletinsgratuit/ModifierProfil.aspx?slg=FR" target="_blank" alt="Modifiez votre profil" />
<area shape="rect" coords="147,168,214,189" href="mailto:?subject=Un bulletin int&eacute;ressant de CCH&amp;body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/travail/buct.html Pour s&rsquo;y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transf&eacute;rez le buletin &agrave; un coll&egrave;gue" />
<area shape="rect" coords="45,167,138,189" href="http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" target="_blank" alt="Abonnez-vous aux Bulletins de CCH" />
<area shape="rect" coords="436,168,513,187" href="http://cch.ca/travail/" alt="Acc&eacute;dez aux produits en ressources humaines" />
</map>
<map name="MapMap2Map" id="MapMap2Map">
<area shape="rect" coords="525,168,649,188" href="http://www.cch.ca/formation" alt="Formation continue" />
<area shape="rect" coords="369,167,422,188" href="http://www.cch.ca/Auteurs/" alt="Auteurs" />
<area shape="rect" coords="304,167,361,188" href="http://www.cch.ca/bulletins/archives.aspx" target="_blank" alt="Acc&eacute;dez aux bullteins pr&eacute;c&eacute;dents" />
<area shape="rect" coords="225,167,295,187" href="http://www.cch.ca/bulletinsgratuit/ModifierProfil.aspx?slg=FR" target="_blank" alt="Modifiez votre profil" />
<area shape="rect" coords="147,168,214,189" href="mailto:?subject=Un bulletin int&eacute;ressant de CCH&amp;body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/travail/buct.html Pour s&rsquo;y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transf&eacute;rez le buletin &agrave; un coll&egrave;gue" />
<area shape="rect" coords="45,167,138,189" href="http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" target="_blank" alt="Abonnez-vous aux Bulletins de CCH" />
<area shape="rect" coords="436,168,513,187" href="http://cch.ca/travail/" alt="Acc&eacute;dez aux produits en ressources humaines" />
</map>
<map name="Map2Map" id="Map2Map">
<area shape="rect" coords="18,389,166,465" href="http://www.surveymonkey.com/s.aspx?sm=4qgrQCdg_2flaF07QNi39gAQ_3d_3d" target="_blank" alt="Qui &ecirc;tes-vous ?" />
<area shape="rect" coords="15,480,165,674" href="http://www.cch.ca/bulletins/BO/bof_1108.html" target="_blank" alt="Bo&icirc;te &agrave; outils" />
</map>
<map name="Map3" id="Map3">
<area shape="rect" coords="38,22,230,51" href="http://www.cch.ca/bulletins/fiscal/bucf.html" alt="Visualisez le dernier bulletin CCH fiscalit&eacute;" />
<area shape="rect" coords="254,22,445,53" href="http://www.cch.ca/bulletins/travail/buct.html" alt="Visualisez le dernier bulletin CCH travail" />
<area shape="rect" coords="469,22,661,54" href="http://www.cch.ca/bulletins/municipal/bucm.html" alt="Visualisez le dernier bulletin CCH municipal et droit public" />
</map>

<map name="Map4" id="Map4"><area shape="rect" coords="35,20,660,141" href="http://www.cch.ca/tr/ipseminar.aspx?tab=1&amp;smid=592&amp;cm_mmc=municipal-_-cosntf-_-bucj1108-_-banner " alt="Colloque 2008 : Protection des renseignements personnels dans le secteur de la sant&eacute; " />
</map></body>
</html>

Any help is appreciated.

Thanks



angelwatt
Nov 10, 2008, 11:35 AM
Please use the HTML block when posting HTML so it's shown in a more readable manner (the button with the < > on it). You can edit your post to go back and add it. Also, you're going to need to show more of your CSS as the HTML references classes that we can't see how they are defined and may be part of the problem.

Infinitygraphix
Nov 10, 2008, 11:37 AM
Please use the HTML block when posting HTML so it's shown in a more readable manner (the button with the < > on it). You can edit your post to go back and add it. Also, you're going to need to show more of your CSS as the HTML references classes that we can't see how they are defined and may be part of the problem.

Ok, no problem, I will edit my original post in a few minutes. The problem also occurs in Hotmail eand GMail.