Setting width of vertical menu

pixeldust · #1 06-09-2008, 01:45 AM

I've noticed on my site that the left vertical menu changes size seemingly at random. On some pages it's 20% of the width of the page, and then on others it's over 50%.

Any ideas on how to fix this?

http://img84.imageshack.us/img84/2946/sshotszr0.jpg

balinor · #2 06-09-2008, 04:20 AM

You need to make sure you have the main area set to 100% width.

pixeldust · #3 06-09-2008, 01:08 PM

How do I do that? Is it in each template or something controlled in the CSS?

balinor · #4 06-09-2008, 01:12 PM

customer/home.tpl

pixeldust · #5 06-10-2008, 01:04 AM

I'm not sure I understand.. what do I edit? This is my home.tpl

Quote:

{* $Id: home.tpl,v 1.88 2006/02/10 14:27:31 svowl Exp $ *}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{if $printable ne ''}
{include file="customer/home_printable.tpl"}
{else}
{config_load file="$skin_config"}
<html>
<head>
<title>
{if $config.SEO.page_title_format eq "A"}
{section name=position loop=$location}
{$location[position].0|strip_tags|escape}
{if not %position.last%} :: {/if}
{/section}
{else}
{section name=position loop=$location step=-1}
{$location[position].0|strip_tags|escape}
{if not %position.last%} :: {/if}
{/section}
{/if}
</title>
{include file="meta.tpl" }
<link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}" />
</head>
<body{$reading_direction_tag}{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}>
{include file="rectangle_top.tpl" }
{include file="head.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}

<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="#FFFFFF" class="border" style="margin-top: 10px; margin-bottom: 10px;">
<tr>
<TR>
<TD width="180" valign="top" class="mainleft">
{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")}
{include file="customer/categories.tpl" }
{/if}
{include file="customer/providers.tpl" }
{if $active_modules.Bestsellers ne "" and $config.Bestsellers.bestsellers_menu eq "Y"}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{include file="customer/menu_cart.tpl" }
{if $active_modules.Manufacturers ne "" and $config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{if $active_modules.SnS_connector && $config.SnS_connector.sns_display_button eq 'Y' && $sns_collector_path_url ne ''}
{include file="modules/SnS_connector/button.tpl"}
{/if}
{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" }
{/if}

{*
<br />
{if $login eq "" }
{include file="auth.tpl" }
{else}
{include file="authbox.tpl" }
{/if}
*}
{include file="news.tpl" }
{if $active_modules.XAffiliate ne ""}
<br />
{include file="partner/menu_affiliate.tpl" }
{/if}
{if $active_modules.Interneka ne ""}
{include file="modules/Interneka/menu_interneka.tpl" }
{/if}
{include file="poweredby.tpl" }
{include file="help.tpl" }
<br>
{if ($usertype eq "C" || $usertype eq "B")and $all_languages_cnt gt 1}
<TABLE border="0" cellpadding="0" cellspacing="0">
<FORM action="home.php" method="GET" name="sl_form">
<INPUT type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING|escape}">
<TR>
<TD>
<B>{$lng.lbl_select_language}: </B><br>
<SELECT name="sl" onChange="javascript: document.sl_form.submit()">
{section name=ai loop=$all_languages}
<OPTION value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected{/if}>{$all_languages[ai].language}</OPTION>
{/section}
</SELECT>
</TD></TR>
</FORM>
</TABLE>
{/if}

<IMG src="{$ImagesDir}/spacer.gif" width="180" height="1" border="0">
</TD>

<TD valign="top" class="mainright">

{if $login eq "" }
{ include file="auth.tpl" }
{else}
{ include file="authbox.tpl" }
{/if}
<br>
{if (($main eq 'catalog' && $cat ne '') || $main eq 'product' || ($main eq 'comparison' && $mode eq 'compare_table') || ($main eq 'choosing' && $smarty.get.mode eq 'choose')) && $config.Appearance.enabled_printable_version eq 'Y'}
<div align="right">{include file="printable.tpl"}</div>
{/if}

{if $main ne "catalog" or $current_category.category ne ""}
{include file="location.tpl"}
{/if}

{include file="dialog_message.tpl"}

{if $active_modules.Special_Offers ne ""}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}

{include file="customer/home_main.tpl"}

 
</td>
</tr>
</table>
{include file="rectangle_bottom.tpl" }
</body>
</html>
{/if}

balinor · #6 06-10-2008, 04:05 AM

Replace this:

<TD valign="top" class="mainright">

with this:

<TD valign="top" class="mainright" width="100%">

pixeldust · #7 06-10-2008, 11:54 AM

Nope, didn't work

I had a look in the home.tpl in the provider directory to see if that needed to be changed, but there is no mainright line there. The problem is only occuring on the provider side it seems?

balinor · #8 06-10-2008, 11:57 AM

Sorry, not familiar with the Pro template structure

pixeldust · #9 06-10-2008, 12:24 PM

Bugger. Does it help if I post the home.tpl from the provider dir?

Quote:

{* $Id: home.tpl,v 1.80.2.3 2007/08/20 09:59:17 zaa Exp $ *}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{ config_load file="$skin_config" }
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Craft Fetish : Seller Area</title>
{ include file="meta.tpl" }
<link rel="stylesheet" href="{$SkinDir}/skin1.css" />
</head>
<body{$reading_direction_tag}>
{include file="rectangle_top.tpl" }
{include file="head.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}


<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="#FFFFFF" class="border" style="margin-top: 10px; margin-bottom: 10px;">
<tr>
<td class="VertMenuLeftColumn">
{if $login eq "" }
{ include file="auth.tpl" }
{else}
{ include file="provider/menu.tpl" }
<br />
{ include file="provider/menu_orders.tpl" }
<br />
{ include file="menu_profile.tpl" }
{/if}
<br />
{ include file="help.tpl" }
<img src="{$ImagesDir}/spacer.gif" width="150" height="1" alt="" />
</td>
<td valign="top">

{include file="location.tpl"}

{include file="dialog_message.tpl"}

{if $smarty.get.mode eq "subscribed"}
{include file="main/subscribe_confirmation.tpl"}

{elseif $smarty.get.mode eq "unsubscribed"}
{include file="main/unsubscribe_confirmation.tpl"}

{elseif $main eq "ups_import"}
{include file="modules/Order_Tracking/ups_import.tpl"}

{elseif $main eq "import_export"}
{include file="main/import_export.tpl"}

{elseif $main eq "froogle_export"}
{include file="modules/Froogle/froogle.tpl"}

{elseif $main eq "slg"}
{include file="modules/Shipping_Label_Generator/generator.tpl"}

{elseif $main eq "register"}
{include file="provider/main/register.tpl"}

{elseif $main eq "search"}
{include file="main/search_result.tpl"}

{elseif $main eq "manufacturers"}
{include file="modules/Manufacturers/manufacturers.tpl"}

{elseif $main eq "discounts"}
{include file="provider/main/discounts.tpl"}

{elseif $main eq "coupons"}
{include file="modules/Discount_Coupons/coupons.tpl"}

{elseif $main eq "extra_fields"}
{if $active_modules.Extra_Fields ne ""}
{include file="modules/Extra_Fields/extra_fields.tpl"}
{/if}

{elseif $main eq "wishlists"}
{include file="modules/Wishlist/wishlists.tpl"}

{elseif $main eq "wishlist"}
{include file="modules/Wishlist/display_wishlist.tpl"}

{elseif $main eq "taxes"}
{include file="provider/main/taxes.tpl"}

{elseif $main eq "tax_edit"}
{include file="provider/main/tax_edit.tpl"}

{elseif $main eq "shipping_rates"}
{include file="provider/main/shipping_rates.tpl"}

{elseif $main eq "zones"}
{include file="provider/main/zones.tpl"}

{elseif $main eq "zone_edit"}
{include file="provider/main/zone_edit.tpl"}

{elseif $main eq "product"}
{include file="main/product.tpl"}

{elseif $main eq "product_links"}
{include file="admin/main/product_links.tpl"}

{elseif $main eq "home" and $login eq ""}
{include file="provider/main/welcome.tpl"}

{elseif $main eq "home"}
{include file="provider/main/promotions.tpl"}

{elseif $main eq "inv_update"}
{include file="provider/main/inv_update.tpl"}

{elseif $main eq "balance"}
{include file="provider/main/balance.tpl"}

{elseif $main eq "inv_updated"}
{include file="main/inv_updated.tpl"}

{elseif $main eq "error_inv_update"}
{include file="main/error_inv_update.tpl"}

{elseif $main eq "product_configurator"}
{include file="modules/Product_Configurator/pconf_common.tpl"}

{elseif $main eq "general_info"}
{include file="provider/main/general.tpl"}

{elseif $main eq "secure_login_form"}
{include file="provider/main/secure_login_form.tpl"}

{elseif $main eq "change_password"}
{include file="main/change_password.tpl"}

{elseif $main eq "special_offers"}
{include file="modules/Special_Offers/common.tpl"}

{else}
{include file="common_templates.tpl"}
{/if}

 
</td>
<td>
<img src="{$ImagesDir}/spacer.gif" width="20" height="1" alt="" />
</td>
</tr>
</table>
{ include file="rectangle_bottom.tpl" }
</body>
</html>

pixeldust · #10 06-10-2008, 12:26 PM

Nevermind, fixed it by setting "<td class="VertMenuLeftColumn" width="180px">"