TC04 Posted February 28, 2014 Share Posted February 28, 2014 (edited) Bonjour à tous, Petit soucis d'image de fond du Footer qui se fait la malle sur ma page index et qui est remontée et chevauche le Header ... J'ai du faire un micmac dans mon header.tpl ou footer.tpl je n'arrive plus à retomber sur mes pattes ... Il n'y a que sur l'index que j'ai le problème, sur les autres l'image de footer se place bien en bas. Peut-être que ça vient d'une des 2 manips que j'ai fait : - Header et Footer 100% en suivant ce post : http://www.prestashop.com/forums/topic/190355-header-100-sur-template-presta-15/ - Page index en 1 colonne, les autres en 2 colonnes en suivant ce post : http://www.prestashop.com/forums/topic/45469-deux-colonnes/ Si qqn a une idée de pour que mon footer me "foot" la paix ;-) , je suis preneur ... Merci de votre aide Edited March 6, 2014 by TC04 (see edit history) Link to comment Share on other sites More sharing options...
TC04 Posted March 3, 2014 Author Share Posted March 3, 2014 Je remonte un petit coup ce sujet car je n'ai pas trouvé l'erreur ... Qqn pourrait me guider ? Link to comment Share on other sites More sharing options...
Szed Posted March 3, 2014 Share Posted March 3, 2014 Votre div #fond-footer entoure tout le site...c'est bizarre... Si vous souhaitez un footer en 100%, sortez le simplement de la div globale du site. Exemple : http://awesomescreenshot.com/0de2fkgl5c (html à droite, et résultat visuel à gauche), je n'ai fait que changer vos div de positions, pas de CSS. Link to comment Share on other sites More sharing options...
TC04 Posted March 3, 2014 Author Share Posted March 3, 2014 Merci Szed vous parlez bien du Header.tpl ? J'ai l'impression effectivement que mes div sont mal placées, mais j'arrive pas à le remettre correctement, et surtout je comprend pas pourquoi ça ne le fait que sur la page d'accueil ... voici le code de ce fichier ci-dessous,Il doit y avoir une anguille ... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}"> <head> <title>{$meta_title|escape:'htmlall':'UTF-8'}</title> {if isset($meta_description) AND $meta_description} <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" /> {/if} {if isset($meta_keywords) AND $meta_keywords} <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" /> {/if} <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta name="generator" content="PrestaShop" /> <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" /> <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" /> {if isset($css_files)} {foreach from=$css_files key=css_uri item=media} <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" /> {/foreach} {/if} <script type="text/javascript" src="{$content_dir}js/tools.js"></script> <script type="text/javascript"> var baseDir = '{$content_dir}'; var static_token = '{$static_token}'; var token = '{$token}'; var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals}; var roundMode = {$roundMode}; </script> <script type="text/javascript" src="{$content_dir}js/jquery/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="{$content_dir}js/jquery/jquery.easing.1.3.js"></script> <script type="text/javascript" src="{$content_dir}js/jquery/jquery.hotkeys-0.7.8-packed.js"></script> {if isset($js_files)} {foreach from=$js_files item=js_uri} <script type="text/javascript" src="{$js_uri}"></script> {/foreach} {/if} {$HOOK_HEADER} </head> <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}> {if !$content_only} <noscript><ul><li>{l s='This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.'}</li></ul></noscript> <div id="fond-footer"> <div id="fond-header"> <div id="page"> <!-- Header --> <div id="header"> <!-- <h1 id="logo"><a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"><img src="{$img_ps_dir}logo.jpg" alt="{$shop_name|escape:'htmlall':'UTF-8'}"></a></h1> --> <div id="header_right"> {$HOOK_TOP} </div> </div> <div id="columns"> <!-- {if $page_name != 'index'} <!-- Left --> <!-- <div id="left_column" class="column"> {$HOOK_LEFT_COLUMN} </div> {/if}--> <!-- Center --> <div id="center_column"><div id="center_column" class="{if $page_name == 'index'}totalcolumn{else}classiccolumn{/if}"> {/if} Link to comment Share on other sites More sharing options...
Szed Posted March 3, 2014 Share Posted March 3, 2014 Je vous parle de la structure html de votre site. De ce fait, il s'agit du header.tpl et du footer.tpl. A aucun moment il y a une bonne raison pour que votre div fond-footer encadre tout le site. Regarder bien la structure sur le screen que je vous ai préparé. Ca parait plus logique non ? Link to comment Share on other sites More sharing options...
TC04 Posted March 3, 2014 Author Share Posted March 3, 2014 Merci Szed effectivement, en remettant de l'ordre dans les DIV ça va mieux ... merci beaucoup ! 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now