Fixed Centered Layout
 

Hi,

I have a fixed centered layout which works fine on the home page and most other pages but I have noticed when I click on my Categories, the layout is expands.

My rectangle_top.tpl looks like this:-

<table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:"860px"}">
<tr><td class="Container">

Has anyone experienced this and how did you fix it? I don't really wanted to increase my logo size to get around it.

Re: Fixed Centered Layout
 

Did change the skin1/head.tpl also to 860px?

Re: Fixed Centered Layout
 

Yes. My head.tpl looks like this:-

<table cellpadding="0" cellspacing="0" width="860">
<tr>
<td class="HeadLogo"><img src="{$ImagesDir}/banner2.jpg" width="860" height="110" alt="" /></td>

<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" width="860">
<tr><td>
<div class="hnav">
<ul>
<li><a href="http://www.womansworld.com.au/dev/xcart/home.php">Home</a></li>
<li><a href="http://www.womansworld.com.au/dev/xcart/help.php?section=contactus&mode=update">Contact Us</a></li>
<li><a href="http://www.womansworld.com.au/dev/xcart/secure_login.php">Login</a></li>
<li class="leftdivider"><a class="rightdivider" href="http://www.womansworld.com.au/dev/xcart/register.php">Register</a></li>
</ul>
</div>
</td></tr>
</table>

<!--
<table cellpadding="0" cellspacing="0" width="860">

{if $main ne "fast_lane_checkout"}
<td align="right">
{if ($usertype eq "C" || $usertype eq "B") && $all_languages_cnt gt 1}
<form action="home.php" method="get" name="sl_form">
<input type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING|amp}" />
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px;"><b>{$lng.lbl_select_language}:</b></td>
<td><select name="sl" onchange="javascript: this.form.submit();">
{section name=ai loop=$all_languages}
<option value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected="selected"{/if}>{$all_languages[ai].language}</option>
{/section}
</select></td>
</tr>
</table>
</form>
{/if}
</td>
</tr>
{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="HeadLine">
<form action="{$xcart_web_dir}/include/login.php" method="post" name="toploginform">
<input type="hidden" name="mode" value="logout" />
<input type="hidden" name="redirect" value="{$redirect}" />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
{if $active_modules.SnS_connector and $sns_collector_path_url ne '' && $config.SnS_connector.sns_display_button eq 'Y'}
<img src="{$ImagesDir}/rarrow.gif" alt="" valign="middle" /><b>{include file="modules/SnS_connector/button.tpl" text_link="Y"}</b>
{/if}
</td>
{if $login ne ""}
<td align="right" nowrap="nowrap"><b>{$userinfo.firstname} {$userinfo.lastname}</b> {$lng.txt_logged_in}</td>
<td class="FLCAuthBox">
{if $js_enabled}
{include file="buttons/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y"}
{else}
{include file="buttons/logout_menu.tpl"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>
{/if}

</table>
-->

I can't see what I am doing wrong and the fact this problem only occurs when I display products?

Re: Fixed Centered Layout
 

Problem solved. I reduced a margin-left value which is in a div wrapped around the contents of home_main.tpl. I put the div in because I removed alot of table cells so I can get a background colour on my left Vertical Column. Sometimes it is so easy to change something and not realise at the time you are affecting something else.

Re: Fixed Centered Layout
 

I'm glad you fixed it! :D