[PHPBB3] Retour sur le probleme d'ancrage

Bonjour Philippe et tous les milouziens,

Je reviens sur le problème d'ancrage soulevé ici:
https://www.milouze14.com/t32585-resoluphpbb3-probleme-d-ancrage

J'ai fait un peu de nettoyage et réglé quelques bugs sur mon forum qui semble fonctionner un peu mieux malgré sa charge.

Toutefois mon problème d'ancrage subsiste et uniquement quand je clique sur la page d'accueil ou dans la liste des sujets sur le petit bouton "Voir le dernier message, j'arrive décalé sur le message de la hauteur de la barre de navigation.
Les autres ancrages se font parfaitement.

J'ai beau changer la valeur dans le template viewtopic_body comme indiqué sur le sujet donné en lien ci-dessus, j'ai toujours ce décalage.

Je remets le code de ce template:

Code:


<!-- retrait bouton panneau latéral -->
<style>
img.M14_open_Panneau {opacity: 0;}
</style>

<!-- Compte à rebours vote -->
<style>
#Compte {position: relative;float: right;margin-right: 15px;top: 214px;line-height: 30px;}
#Compte div{position: relative;float: left;margin-left: 5px;top: -70px;line-height: 30px;color: #3bd9eb;}
#Compte div span{font-size: 12px;text-align: center;color: #e2660a;}
</style>

<!-- Position hauteur flèche et widgets dans sujets-->
<style>
.widget-arrow.isleft {margin-top: 468px;}  
#content-container div#left {margin-top: 460px;}
</style>

<!-- Position boutons nouveau et répondre -->
<style>
.buttons {margin: 15px 0 0 80px;position: relative;}
</style>

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }

 return false;
};

//]]>
</script>
                        
<div class="M14_lAstSujets"><div></div></div>

 <!-- Compte à rebours vote -->
<div id="Compte"></div>  
  
<div class="boutons_list">
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
  <br/><br/>
        <!-- Ajout bouton Voir la page Facebook -->
        <li style="display: inline-block;"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" target="_blank" title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">Voir la page Facebook du clic</a> • </li>
          
 <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;background: #177887;color: #fff;" href="{U_SEARCH_NEW}">Voir les nouveaux messages</a></li>
  
 <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>        
        <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>

 <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
        <Br/><br/><br/>
 <!-- END switch_user_logged_in -->
</ul>
</div>

    <h1 class="page-title" style="display:none;">
          <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
        </h1>

    <div style="position:relative;top: 90px; width: 1px;" id="M14_aNcHoR"></div>

<div class="topic-actions">
 <div class="buttons">

 <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
   <!--             <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" /></a>   -->
   <!-- END switch_user_authpost -->
          
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>
  
 <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
 <!-- END switch_fb_likebtn -->
 </p>

<!-- Bouton Partager -->
<div class= "partage_fb" style="margin: 10px 45%; float: left;position: absolute;">    
<img class= "addthis_button" alt="Répondre au sujet" src="https://i.servimg.com/u/f31/19/32/37/01/index111.png" title="Partager ce sujet sur Facebook">
</div>  
 <div class="clear"></div>
</div>
  
            <div class="pathname-box" style="display:none;">
            <p>
              <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
              {NAV_CAT_DESC}
            </p>
            </div>
    
       <div id="M14_ariane" class="pathname-box ariane">
                  <p class="M14_ariane">
                        <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                        <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                        {NAV_CAT_DESC}
                        <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                    
       <script type="text/javascript">
            jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
            </script>              
                 </p>
               </div>

  <a id="M14" style="position: relative;top: 90px;"></a>
  
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<div class="clear"></div>
{POLL_DISPLAY}    
  
<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_COUNT}">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 <!-- END hidden -->
  
 <!-- BEGIN displayed -->
 <div id="p{postrow.displayed.U_POST_ID}" class="M14_post post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <div class="inner"><span class="corners-top"><span></span></span>
                          
        <!--  Ancrage des sujets   -->                        
                 <div class="M14_anchonext" style="position: relative; top: -155px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
                                                    
       <!-- Affichage des numéros de message -->
 <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
                                                  
                          <div class="postbody">

 <ul class="profile-icons">
                                <li>{postrow.displayed.THANK_IMG}</li>
                                                                                                      
 <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
                                  
                                      <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />
                                  
 <li>{postrow.displayed.QUOTE_IMG}</li>
 <li>{postrow.displayed.EDIT_IMG}</li>
 <li>{postrow.displayed.DELETE_IMG}</li>
 <li>{postrow.displayed.IP_IMG}</li>
 <li>{postrow.displayed.REPORT_IMG_NEW}</li>
      
       <!-- Debut bouton ajouter aux favoris -->                            
                <li id="M14_FavORiTebis"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img style="margin-top:-3px;" src="https://i.servimg.com/u/f31/19/32/37/01/36125814.png" title= "Ajouter à vos favoris"/></a></li>                    
                <!-- Fin bouton ajouter aux favoris -->                              
                                  
 </ul>

 <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
 <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME}    
                                <span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>
                                <span class="M14_time_get"></span>
                                </p>
                            
 <div class="clearfix"></div>

 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:40px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->

 <div style="display:none"></div>
 <div class="content clearfix">
                                  
                               <!-- pour bouton copie lien photo -->
                                  <div class="M14_reception_photos" style="display:none"></div>  
                                  
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd class="attachments">
 <!-- BEGIN switch_post_attachments -->
 <dl class="file clearfix">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
 </dt>
 <dd>
 <!-- BEGIN switch_dl_att -->
 <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_no_dl_att -->

 <!-- BEGIN switch_no_comment -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
 <!-- END switch_no_dl_att -->

 <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
 </dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 </div>
 
                                <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                            
 <!-- BEGIN switch_signature -->
 <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
 <!-- END switch_signature -->
                            
                            
                            
   <br /><br /> <div class="M14_Thank_Cont">
    <div><span class="M14_Texte_liste">Le membre suivant remercie   </span>
    <span class="M14_ThankUser"></span> pour ce sujet: <a target="_blank" href="" class="M14_Thank_link"></a><br />
    </div>
    <div class="M14_Thank_list"><div></div></div>
    </div>
                            
                            
 </div>

 <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
 <!-- div class="online2"></div-->
 <dl>
 <dt>
 
                              
    <strong class="M14_member" style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
    <div class="M14_TogProfil">
    <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
    <li><a class="M14_link" target="_blank">Profil</a></li>
    <li><a class="M14_link" target="_blank">Statistiques</a></li>
    <li><a class="M14_link" target="_blank">MP</a></li>
    <li><a class="M14_link" target="_blank">Messages</a></li>
    <li><a class="M14_link" target="_blank">Sujets</a></li>
    <li><a class="M14_link" target="_blank">Participation</a></li>
        
    <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
    <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>     ---->

    </div>
    <br />
      {postrow.displayed.POSTER_AVATAR}
                                          
    <br />                                          
 </dt>
 <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
 <dd><br /></dd>
 <dd>
 <!-- BEGIN profile_field -->
                                            
    <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}

 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </dd>
 <dd><br /></dd>
 <dd>
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 </dd>
 </dl>
 </div>

 <div class="clear"></div>

 <p class="right">
                          
                        <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                          
                        </p>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
<!-- END postrow -->

   <a name="bottomtitle"></a>    


<div class="clear"></div>
  
<div class="noprint">  

<!-- BEGIN switch_user_logged_in -->
  
<!-- BEGIN watchtopic -->

<li class="rightside">  • {S_WATCH_TOPIC}<br /></li>

<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
 <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
 <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
 <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
 <div class="clear"></div>
 <div>
 <!-- BEGIN link -->
 » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
 <span class="corners-top"><span></span></span>
 <div class="h3"> {L_FORUM_RULES}</div>
 <div class="clear"></div>
 <table class="postbody">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

                 <div id="M14_ariane" class="pathname-box ariane">
                  <p class="M14_ariane">
                        <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                        <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                        {NAV_CAT_DESC}
                        <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                    
       <script type="text/javascript">
            jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
            </script>              
                 </p>
               </div>
  
<!-- BEGIN topicpagination -->
 <p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
 <label>{L_JUMP_TO}: </label>
 {S_JUMPBOX_SELECT} 
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
 <label>{L_MOD_TOOLS}: </label>
 {S_SELECT_MOD}&nbsp;
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->


<!-- BEGIN show_permissions -->

        <div id="M14_get_memberList" style="display:none;">
    <span class="gensmall"><strong>Membres parcourant ce sujet: </strong></span>
          <div id="M14_get_user"><div class="gensmall"></div></div>
          </div>

 <div class="h3">{L_TABS_PERMISSIONS}</div>
 {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<!-- Laisse le bouton favori uniquement sur 1ier message -->
    <script type="text/javascript">
      $(function(){
      if(_userdata["user_id"] < (0)){$('li#M14_FavORiTebis').remove();}
      $('ul.profile-icons:not(:first)').find('li#M14_FavORiTebis').remove();
      });
    </script>

<!-- <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>   -->  


C'est bien dans ce template qu'il faut agir?

Merci pour votre aide.