X-Cart forums - Safari and Firefox issues

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Safari and Firefox issues (https://forum.x-cart.com/showthread.php?t=15274)

Safari and Firefox issues

I have resized the head.tpl and the customer/home.tpl tables to about 75% and it is fine in Safari, but when I view it in Firefox the tables they revert back to about 100%. Is there something I can do to fix this?

It all depends on how you have it coded.....post what you did to resize the width and we'll tell you what the issue is :)

Here are the screenshots and the coding for the .tpl files:

www.mountainhideout.com/example.htm
<HTML>
<HEAD>
<TITLE>
{if $config.SEO.page_title_format eq "A"}
{section name=position loop=$location}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{else}
{section name=position loop=$location step=-1}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{/if}
</TITLE>
{ include file="meta.tpl" }
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
</style></HEAD>
<BODY leftmargin="0" topmargin="0" rightmargin="0" bottomargin="0" marginwidth="0" marginheight="0"{if $body_onload ne ''} onload="{$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 width="75%" border="0" align="center" cellpadding="0" cellspacing="0">
<TR>
<TD width="6"></TD>
<TD width="150" valign="top">

You need to change rectangle_top.tpl to 75% and that will shrink both the head and the body. There are two spacer cells on either side of the main body table that will also have to be removed to get the body to go all the way to the edges.

In what file do I find the two spacer cells?

OK. I am completely perplexed. I resized the rectangle_top.tpl to 75% and deleted both spacer cells in home.tpl. The site looks fine in Safari, but in Firefox the cells with the search bar in them are too narrow.

Here is a screenshot: www.mountainhideout.com/example.htm.

Here is the table code in home.tpl:
<TABLE width="75%" border="0" align="center" cellpadding="0" cellspacing="0">

Here is the table code in head.tpl:
<TABLE width="75%" border="0" align="center" cellpadding="0" cellspacing="0">
<TR>
<TD align="center">[img]{$ImagesDir}//mountain-range-header2.png[/img]</TD>
</TR>
</TABLE>
<TABLE width="75%" border="0" align="center" cellpadding="0" cellspacing="0">

Here is the table code in rectangle_top.tpl:
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="75%" height="100%">

[/b]

That is because you have the tables inside the main table set to 75%, so they are appearing as 75% of the master table...you only need to change the rectangle_top.tpl to 75%..the others should be left at 100%.

when i leave the others at 100% and only change the rectangle_top.tpl to 75% the Firefox version is fine, but in Safari the search bar stretches all the way across the page instead of just 75%. Sorry for all the trouble!

How about removing the size all together for the search bar? Or using a fixed width (like 760px). Damn Macs! :)