apDiv problem, not showing correctly in Yahoomail.

Discussion in 'Web Design and Development' started by Infinitygraphix, Nov 10, 2008.

  1. Infinitygraphix macrumors member

    Joined:
    Apr 14, 2008
    #1
    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 :

    HTML:
    <!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é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édez au site Internet de CCH" />
    </map>
    <div id="apDiv2">
      <p align="left" class="style55">Cher lecteur, Chère lectrice, </p>
      <p align="left" class="style55">Il me fait plaisir de vous présenter notre tout nouveau bulletin juriste. En plus des excellents articles présentés par nos auteurs, vous retrouverez maintenant aussi des conseils techniques à propos de nos abonnements électroniques ainsi que certains événements de l’actualité CCH méritant votre attention. Je profite de cette occasion pour vous inviter à mettre à jour vos informations personnelles en cliquant sur le bouton « mon profil » situé dans la barre de menu.</p>
      <p align="left" class="style55"> Bonne lecture! </p>
      <p align="left" class="style55">Maxime Laliberté</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’article 2425 C.c.Q., l’assurance sur la vie prend effet au moment de l’acceptation de la proposition par l’assureur, pour autant que cette dernière ait été acceptée sans modification, que la première prime ait été versée et qu’aucun changement ne soit survenu dans le caractère assurable du risque depuis la signature de la proposition. Dans le présent dossier, l’assureur a prouvé qu’il y avait eu un changement dans le caractère assurable de l’assuré entre la date de la signature de la proposition (le 19 octobre 2002) et la date de l’acceptation du risque par l’assureur (le 28 novembre 2002). Une des conditions de l’article 2425 C.c.Q. n’est donc pas respectée. Par consé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ême limite la liberté 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èglements d’application, convenir avec leurs clients d’une rétribution en l’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éreur d’un immeuble que convoitait son client, acheteur prospectif. Ce dernier peut-il demander la nullité de la vente à son courtier et se faire déclarer propriétaire en vertu de l’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’échange des places de stationnement dans une copropriété à destination mixte</a></strong><br />
        <span class="style3">Les propriétaires respectifs d’espaces de stationnement réservés à différentes vocations dans une copropriété peuvent-ils procéder à un é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éancier hypothécaire est condamné à payer des dommages punitifs</a></strong><br />
        <span class="style3">Dans quelle mesure les abus de droit d’un créancier hypothécaire peuvent-ils faire l’objet d’une condamnation à des dommages punitifs?</span></p>
      <p><span class="style29">Droits et libertés</span></p>
      <p><strong class="style8"><a href="http://www.cch.ca/bulletins/juriste/articles/bucj1108_dl1.html" target="_self">La Cour Suprême du Canada réaffirme l’importance du privilège du secret professionnel de l’avocat.</a></strong><br />
          <span class="style3">Suite à une plainte au Commissaire à la protection de la vie privée par une employée congédiée cherchant à obtenir l’accès aux renseignements personnels relatifs à son emploi, la Cour suprême réitère l’importance du privilège du secret professionnel de l’avocat.</span></p>
      <p align="left" class="style60"> </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é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é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éressant de CCH&body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/travail/buct.html       Pour s’y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transférez le buletin à un collè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 éprouvez des difficultés à 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édez aux bulletins précé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éressant de CCH&body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/juriste/bucj.html       Pour s’y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transférez le bulletin à un collè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é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é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"> </td>
            <td width="562"><p align="left" class="style24"><a href="../Désabonnement">Désabonnement</a></p>
              <p align="left" class="style24">Dénégation de responsabilité :<br />
                Personne ne peut invoquer le contenu de cette publication sans avoir préalablement obtenu l’avis d’un professionnel qualifié. 
                L’éditeur, les auteurs et les rédacteurs ne sont pas responsables de toutes actions et décisions entreprises 
                sur la base 
                de l’information contenue dans cette publication, pas plus qu’ils ne peuvent être tenus responsables des erreurs 
                ou des 
                omissions qui auraient pu s’y glisser. L’é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èrent nécessaires. </p>
              <p align="left" class="style24">© Droits réservés<br />
                Ce bulletin ne peut-être reproduit en tout ou en partie par quelque moyen que ce soit sans l’autorisation écrite de l’éditeur.<br />
                Publications CCH ltée, 190-7005 boulevard Taschereau, Brossard, Québec, J4Z 1A7<br />
              Service à la clientèle : par courriel<a href="mailto:service@cch.ca"> <u>service@cch.ca</u></a> ou par télé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 êtes-vous ?" /><area shape="rect" coords="15,480,165,674" href="http://www.cch.ca/bulletins/BO/boj_1108.html" target="_blank" alt="Boîte à outils" />
      <area shape="rect" coords="16,1,171,37" href="mailto:maxime.laliberte@wolterskluwer.com" alt="Faites nous part de vos suggestions, idées et commentaires" />
    <area shape="rect" coords="20,105,144,176" href="http://www.cch.ca/tr/ipseminar.aspx?tab=1&smid=592&cm_mmc=municipal-_-cosntf-_-bucj1108-_-actu" alt="Protection des renseignements personnels dans le secteur de la santé " />
    <area shape="rect" coords="18,178,103,219" href="http://www.cch.ca/tr/ipsd.aspx?tab=1&smid=465&cm_mmc=grh-_-cotec-_-bucj1108-_-actu " alt="Techniques d’entrevues " />
    <area shape="rect" coords="17,222,103,246" href="http://www.cch.ca/tr/ipseminar.aspx?tab=1&smid=596&cm_mmc=grh-_-cofin-_-bucj1108-_-actu " alt="Fin d’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édez aux bullteins précé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éressant de CCH&body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/travail/buct.html       Pour s’y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transférez le buletin à un collè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é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édez aux bullteins précé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éressant de CCH&body=Le dernier bulletin de CCH : http://www.cch.ca/bulletins/travail/buct.html       Pour s’y abonner : http://www.cch.ca/bulletinsgratuit/index.aspx?slg=FR" alt="Transférez le buletin à un collè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é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 êtes-vous ?" />
      <area shape="rect" coords="15,480,165,674" href="http://www.cch.ca/bulletins/BO/bof_1108.html" target="_blank" alt="Boîte à 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é" />
    <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&smid=592&cm_mmc=municipal-_-cosntf-_-bucj1108-_-banner " alt="Colloque 2008 : Protection des renseignements personnels dans le secteur de la santé " />
    </map></body>
    </html>
    Any help is appreciated.

    Thanks
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    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.
     
  3. Infinitygraphix thread starter macrumors member

    Joined:
    Apr 14, 2008
    #3
    Ok, no problem, I will edit my original post in a few minutes. The problem also occurs in Hotmail eand GMail.
     

Share This Page