Forum décalé vers la droite sur Chrome

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Forum décalé vers la droite sur Chrome

Message par FireStone le Lun 11 Fév 2013 - 15:51

Bonjour ou bonsoir ^^

Merci de prendre le temps de lire ce sujet. :3
Il se trouve que mon forum sous chrome est tout décalé vers la droite. J'ai essayer de modifier mes codes, mais ça rend pire sur les autres navigateurs. Je ne suis pas sous chrome, mais j'ai demandé à un de mes membres de faire un screen pour vous montrer. http://i73.servimg.com/u/f73/17/95/99/27/biteee10.jpg

Voici donc le forum -> http://poorsoul.forumactif.fr/

Nous avons les templates modifié et la feuille de style CSS plutôt remplit et un p'tit code javascript. ^^

Template Index_box:
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
 
<table class="forumline" width="94%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>


<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

<br clear="all" />
 
<!-- BEGIN switch_legend -->
<blockquote>
<table><td><img style="height: 250px" src="http://www.renders-graphiques.fr/image/upload/normal/roses_coeurs.png"/>
  </td><td>
  <div style="border: #27160F solid 5px; border-radius: 15px;">
  <div class="forumline"><table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      
          <td style="padding:20px;">    <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /><br />
              <span class="gensmall">New Post</span></td>
      
            <td style="padding:20px;">    <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /><br />
              <span class="gensmall">No Post</span></td>
      
            <td style="padding:20px;">    <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /><br />
              <span class="gensmall">Locked</span></td>
                 
   </tr>
    </table></div></div>
  </td><td><img style="height: 250px" src="http://www.renders-graphiques.fr/image/upload/normal/roses_coeurs.png"/></td></table></blockquote>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
 
    <!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
 
  {BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>














<!-- BEGIN disable_viewonline --><table class="forumline"><tr><td>
<blockquote>
 
 
 
  <div style="margin-top: -50px;"></div>
 
 
 
 
  <div id="slidepanno" style="margin-bottom: 50px;">
    <div style="width: 660px; height: ;">
      <table CELLSPACING="0"><tr><td>
 
  <a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></a><br/>
      <div style="margin-top:-30px;font-family: cursive; font-size: 20px; padding-left: 60px; color:#FFFFFF">
Statistiques</div>
        </td><td style="width: 520px; text-shadow: 1px 1px 3px #000000;" align="right">   
 
        <div style="background-color: #000000; border-radius: 20px 20px 20px 20px; padding: 10px;"> 

 <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}
                 
                 
                 
                  <br />
      {NEWEST_USER}<br />
                 
                 
          <span id="celine">{TOTAL_USERS_ONLINE}</span><br />
                  <script type="text/javascript">
                  document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a").replace(/utilisateur en ligne/,"âme en ligne").replace(/utilisateurs en ligne/,"Âmes en ligne").replace(/Enregistré(s?)/,"Âme enregistré$1").replace(/Invisible(s?) et/,"Âme invisible$1 et").replace(/Invité(s?)/,"Étranger$1");
                  </script>


                 
                  <span id="connectes">{RECORD_USERS}
            </span>
            <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record d'âmes errantes est de");
            </script><p />
 
         
              <span id="alpha">{LOGGED_IN_USER_LIST}
                </span>
                <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Âmes enregistrés");</script><br />
   
  </span>
        </div></td></tr></table>  </div> </div>
         
 
 
 <div style="width: 450px; margin-left: 200px; padding-top: 70px; ">
 
  <table><tr><td>
    <span id="kaboum">{L_CONNECTED_MEMBERS}</span>
    <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 48 dernières heures : ','Les dernières âmes à avoir été vus ces dernières 48 heures sont :'));
    </script>                                     
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
    </td></tr></table><p />
 
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </div>   
<div style="width: 450px; height: 20px;"></div>
<span style="font-family: zapfino, cursive; font-size: 20px; text-spacing: 2px; text-shadow: 0px 0px 5px #000000;">{GROUP_LEGEND}</span>

  <!-- BEGIN switch_chatbox_activate -->
   
      
      
   <!-- END switch_chatbox_activate -->
  </blockquote>

</td></tr></table>
<!-- END disable_viewonline -->
  <blockquote>{CHATBOX_BOTTOM}</blockquote>

Template Index box:
Code:
 <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<img style="margin-bottom:-130px; width:150px" src="http://www.renders-graphiques.fr/image/upload/normal/rose_perles.png"/><img src="http://img15.hostingpics.net/pics/642885valentineconfection8.png" style="margin-left: 500px; width: 300px; height:150px; margin-bottom:-100px;" />

<table class="forumline" width="94%" border="0" cellspacing="3" cellpadding="0">
   <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="94%" class="secondarytitle"><div class="TitreCategorie"> {catrow.tablehead.L_FORUM} </div></th>
      
      
      <th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="" align="center" valign="middle"><div style="margin-right: -18px; padding-top: 10px" >
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div></td>
      <td class="1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         
         <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL}class="hierarchy">
                          <span class="forumlink">
                            <center style="margin-bottom:-20px;">          <a class="forumlink"href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center>
                            </span>
                          </h{catrow.forumrow.LEVEL}>
                          </td><td style="padding-left: 40px; text-align: right;" class="gensmall"></td></tr></tbody></table>
         
         <span class="genmed">
                          {catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">         
                          <div style="margin-top: -10px;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span>
      </td>
      
         
         
      <td class="3" align="center" valign="middle" height="50">
                  <div class="tournedernier">   <br />   <span class="gensmall">{catrow.forumrow.TOPICS} âmes dans {catrow.forumrow.POSTS} corps</span>
                  <p />
       
          <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                 
                 
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Template Overall Header:
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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>
<div style="margin-top: -80px"></div>
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
                                  <div style="margin-top: 30px"></div>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
                         
                         
                         
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

J'ai aussi le Template Viewtopic_body de modifié, mais je ne pense pas que ça pourrait avoir une influence la structure du forum, si c'est possible, je vous l'enverrai. xD

Donc voici le CSS du forum
Code:
a.forumlink{
                font-size: 16px;
            font-family: zapfino !important;
                letter-spacing: 1px;
                color: #a30000 !important;
                text-shadow: 1px 1px 2px #000000;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
  text-decoration: none !important;      }

a.forumlink:hover{
  font-size: 16px;
  letter-spacing: 3px;
  font-family: zapfino !important;
                color: #FF0000 !important;
                text-shadow: 2px 2px 2px #000000;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
text-decoration: none !important;          }


/********Titre des Catégories**********/

.secondarytitle h2 .timg { display: none; }
.secondarytitle h2 img { display: inline!important; }


.TitreCategorie{
  font-size:60px;
  margin-top:-30px;
}

/********************Les messages***********/

.postbody
{
text-align: justify;
padding: 10px;
font-size: 13px;
line-height: 14px;
  width:550px;
}

/***Vu profil***/

.nom{
  padding-top: 10px;
  padding-bottom: 12px;
  font-size:15px;
  text-shadow: 1px 1px 0px black;
  text-transform:capitalize;
  }

.nom:hover{
  padding-top: 10px;
  padding-bottom: 12px;
  font-size:15px;
  text-shadow: 0px 0px 3px white;
  text-transform:capitalize;
}
 
.profilentour {
text-align: center;
font-size:12px;
padding-left: 8px;
  padding-right: 8px;
background-image: url(http://www.webdeez.eu/wp-content/uploads/2010/11/colourloverscom-gothic_wallpaper.jpg);
border-radius: 20px 20px 20px 20px;
border: 2px solid #000000;
  padding-bottom: 7px;
}

.fiche {
  margin-top:5px;
text-align: center;
font-size:12px;
padding-left: 6px;
  padding-right: 4px;
background-image: url(http://www.webdeez.eu/wp-content/uploads/2010/11/colourloverscom-gothic_wallpaper.jpg);
border-radius: 20px 20px 20px 20px;
border: 2px solid #000000;
}

.infos_profil{
  display: none;
  text-align: left;
}

/*******Description dans les description******/

.allmeo{
  font-size: 12px;
  padding:7px;
border: 3px solid #27160f;
background-Color: #27160f;
border-radius: 20px 20px 20px 20px;
overflow: auto;
  height: 100px:
}

.event{
  color: #ffffff;
  margin-top: -20px;
  padding:7px;
border: 3px solid #000000;
background-image: url(http://img4.hostingpics.net/pics/731571000000C34A05C06646AC5701188.png);
border-radius: 20px 20px 20px 20px;

}

/***Dernier messages des cathérogie******/

.tournedernier{
  margin-left: -20px;
  font-size: 13px;
  width: 110px;
  height:120px; 
  padding:7px;
border: 3px solid #27160f;
background-Color: #27160f;
border-radius: 20px 20px 50px 20px;
    transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.tournedernier:hover{
  font-size: 13px;
  width: 110px;
  height:120px; 
  padding:7px;
border: 3px solid #27160f;
background-Color: #27160f;
border-radius: 20px 20px 50px 20px;
    transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
}

/*****Image des forum********/

.tourneimage{
    border: 2px solid grey;
  border-left: 2px solid #c9c9c9;
  border-right: 2px solid #c9c9c9;
  background-Color: #612c2c;
  -webkit-border-radius: 20px;
  border-radius: 10px 10px 10px 10px;
    transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
  }

.tourneimage:hover{
    border: 2px solid grey;
  border-left: 2px solid #c9c9c9;
  border-right: 2px solid #c9c9c9;
  background-Color: #292929;
  -webkit-border-radius: 20px;
  border-radius: 10px 10px 10px 10px;
    transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }   

/*****Legend*******/

.tourneD{
    border: 2px solid grey;
  border-left: 2px solid #c9c9c9;
  border-right: 2px solid #c9c9c9;
  background-Color: #292929;
  -webkit-border-radius: 20px;
  border-radius: 10px 10px 10px 10px;
    transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  }   


 
a
{
outline: none;
}
 
a:link
{
text-decoration: none !important;
}
 
a:hover
{
text-decoration: underline overline !important;
}
 
.bodylinewidth
{
width: 600px;
}
 
#i_logo
{
margin-top: -10px;
}
 
 
 /*************Entre Catégorie et contour du forum*******/

#page-body
{
background-image: url();
-moz-border-radius: 20px;
border-radius: 20px;
  border-left: 0px double #000000;
  border-right: 0px double #000000;
padding-top: 20px;
margin-left: 8px;
  margin-right: 8px;
margin-bottom: 50px;
}
 
/****************Les catégories************/


 
table
{
max-width: 680px;
margin: auto;
}
 
.row1, .row2, .row3, .row3Right
{
-moz-border-radius: 5px;
border-radius: 5px;
padding4px;
border: none !important;
}
 
.thHead
{
border: none !important;
}
 
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
 
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
border-top: 1px solid #73a2c3 !important;
}
 
.catLeft, .catRight
{
border: none! important;
}
 
th
{
color: grey;
font-variant: small-caps;
letter-spacing: 2px;
text-shadow: 1px 1px 2px #000000;
}
 
.catHead
{
border: none !important;
}
 
.catBottom
{
border: none !important;
}
 
.cattitle
{
margin-left: 20px;
font-variant: small-caps;
}
 
.code
{
  border-radius: 7px;
-moz-border-radius: 8px;
padding: 5px;
border: 2px inset grey;
padding: 5px;
background-color: #919191;
color: black;
}
 
.quote
{
border-radius: 8px;
-moz-border-radius: 8px;
padding: 5px;
background-color: #d9d9d9;
-moz-box-shadow: 3px 3px 3px black;
box-shadow: 3px 3px 3px black;
color: #4d4d4d;
}
 
.spoiler_closed
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
}
 
.spoiler_content,.spoiler_closed
{
-moz-border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;
    border-radius: 20px 0px 30px 0px;
  color: black;
background-color: grey;
  border: 1px solid white;
}
 
 
 
 
 
 
#page-footer
{
background-image: url();
background-repeat: no-repeat;
background-position: top center;
width: 700px;
height: 120px;
margin-bottom: -18px;
}
 
#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}





.spoiler_content,.spoiler_closed
{
-moz-border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;
    border-radius: 10px 0px 10px 0px;
  color: black;
  background-color: grey;
  border: 1px solid white;
}




 
.infobulle{
position: relative;
border-radius: 20px;
z-index: 0;}
 
.infobulle:hover{
background-color: transparent;
border-radius: 20px;
z-index: 50;}
 
.infobulle span{
position: absolute;
background-color: #69564e;
bborder-radius: 20px;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
 
.infobulle span img{
border: 2px;
border-radius: 20px;
padding: 5px;}
 
.infobulle:hover span{
visibility: visible;
top: 140px;
left: -20px;
width: x px ;
color:#ffffff;
border-radius: 20px;
border: 2px solid #ffffFF;}




...


a img {
opacity: 0.8;
}

a:hover img {
opacity: 1.0;
}



#chatbox_header .cattitle strong { display: none;
height:950px;}
#chatbox_header .cattitle:before { content: "L'antre des âmes"; }
body.chatbox {
background-image: url('http://i41.servimg.com/u/f41/14/21/43/68/textuu10.jpg');
}
body.chatbox {
    background-color: #ffffff;
}

body.chatbox {
background-image: url("http://i11.servimg.com/u/f11/16/88/30/97/textuu12.jpg");
  background-color: #ffffff;
  color: #000000;
background-repeat: repeat; /*pour image de fond qui se repete*/
-webkit-border-radius: 20px; /*pour les arrondis*/
-moz-border-radius: 20px; /*pour les arrondis*/
border-radius: 20px; /*pour les arrondis*/
}

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}

/************ QUI EST EN LIGNE******************/

#slidepanno {
display: block;
overflow: hidden;
width: 194px;
height: 270px;
position:absolute;
-webkit-transition: width 1s linear;
-moz-transition: width 1s linear;
-o-transition: width 1s linear;
-htm-transition: width 1s linear;
transition: width 1s linear;
}


#slidepanno:hover {
width: 660px;
-webkit-transition: width 1s linear;
-moz-transition: width 1s linear;
-o-transition: width 1s linear;
-htm-transition: width 1s linear;
transition: width 1s linear;
z-index: 4;
 position:absolute;
}

body
{
background-position: top, center;
  float:center;
  display:inline;
background-repeat: repeat-y;
}

body, td.bodyline{margin-top: 0px;padding-top: 0px;}

a.mainmenu:link, a.mainmenu:visited{
margin-right : -5px;
margin-left: -5px;
color: #aaa19d;
size: 10px;
text-shadow: 1px 1px 1px #000000;}

J'ai aussi un code J'avaScript récent, au cas où il pourrait avoir un rapport avec le problème, le voici ->
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 50px; left: -5px; z-index:10000;"><tr><td><div id="Concour" scrolling="no" style="width: 160px; height: 200px; display: none; " marginwidth="0" marginheight="0" frameborder="0">

<center><iframe src="http://poorsoul.forumactif.fr/h3-concour" style="height: 220px; width: 180px; background:transparent;" frameborder="no"; scrolling="no"></iframe></center>

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'Concour\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

Merci beaucoup de prendre le temps pour mon problème. ^^

FireStone
Nouveau membre

Messages : 13
Inscrit(e) le : 06/02/2012

http://poorsoul.forumactif.fr/
FireStone a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé vers la droite sur Chrome

Message par Scipion le Lun 11 Fév 2013 - 17:13

Bonsoir

En faisant des tests avec vos codes CSS, sous le navigateur Chrome, j'ai remarqué que le décalage vers la droite disparaît et le forum reprend une position normale lorsque j'enlève un petit code positionné dans la partie 'Catégories'.

Ce code est le suivant :

Code:
table
{
max-width: 680px;
margin: auto;
}
Donc, à votre tour, retirez-le et voyez ce que cela donne avec d'autres navigateurs notamment.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum décalé vers la droite sur Chrome

Message par FireStone le Lun 11 Fév 2013 - 17:55

Ça fonctionne ! *o*

Merci beaucoup ! =D

FireStone
Nouveau membre

Messages : 13
Inscrit(e) le : 06/02/2012

http://poorsoul.forumactif.fr/
FireStone a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum