Jump to content

ma page est limitée au header, colonnes hors page


mae9

Recommended Posts

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

  • 2 months later...

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...