mae9 Posted August 19, 2011 Share Posted August 19, 2011 Bonjour à tous, Je crée un thème prestashop pour la première et malgré mes quelques connaissances en html et css je rencontre un problème que je n'arrive pas à résoudre... Je réalise ma boutique en local avec MAMP. Aujourd'hui j'ouvre ma boutique en local et je vois que le contenu des colonnes est situé hors de la page (décalé su la gauche), sans la couleur de fond blanche habituelle. J'ouvre firebug et en cliquant sur la div "page" je remarque qu'elle est limitée à l'en-tête seulement. En gros la page de largeur 980px s'arrête net en dessous du menu. J'ai beau chercher ce qui cloche dans mon css et dans mon header.tpl je ne comprends pas... Voici mon header.tpl <!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?{$img_update_time}" /> <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" /> <script type="text/javascript"> var baseDir = '{$content_dir}'; var static_token = '{$static_token}'; var token = '{$token}'; var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals}; var priceDisplayMethod = {$priceDisplay}; var roundMode = {$roundMode}; </script> {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} {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} {if isset($restricted_country_mode) && $restricted_country_mode} <div id="restricted-country"> <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p> </div> {/if} <div id="page"> <!-- Header --> <div id="header"> <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> <img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> </a> <div id="header_right"> <div id="header_user"> <p id="header_user_info"> Bienvenue, <a href="http://www.afropuff.fr/my-account.php">identifiez-vous</a> <ul id="header_nav"> <li id="your_account"> <a title="Votre compte" href="http://www.afropuff.fr/my-account.php">Votre compte</a> </li> </ul> </p> </div> </div> {$HOOK_TOP} </div> </div> <div id="columns"> <!-- Left --> <div id="left_column" class="column"> {$HOOK_LEFT_COLUMN} </div> <!-- Center --> <div id="center_column"> {/if} J'espère que vous pourrez voir ce qui ne va pas peut-être que je n'arrive pas à avoir le recul suffisant pour voir mon erreur ! Merci d'avance. Link to comment Share on other sites More sharing options...
yol Posted October 23, 2011 Share Posted October 23, 2011 Bonjour Avez vous trouvé une solution à votre problème car je ne vois pas comment le résoudre ! merci d'avance Link to comment Share on other sites More sharing options...
Maury Girard Posted October 24, 2011 Share Posted October 24, 2011 Bonjour Mae9 -Sous quelle version de prestashop etes vous ? -Le thème que vous désirez modifier est il celui fourni par défaut par Prestashop ?,car le header que vous indiquez n'est pas celui par défaut. 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