Text justification in FF ?

[dakco]

Hi All

I have a problem with some text justification on my site. I'm by no means a coder (delete, move etc. is my limit).

The problem I have is similar to Flash (though I have my Flash working on all/most browers - thanks to the forum). The issue I have now is in IE8 the text on my pages (in the blue section) is center justified but just notice in Firefox it is left justified. The page all runs from tpl_main_page file with header disable (template and they way it was set up - bit of a pain to be honest) heres the bit of code which relates to the text issue -



<td width="15"><img src="<? echo DIR_WS_TEMPLATE; ?>images/top05.gif" alt="" width="15" height="65" /></td>
<td width="15"><img src="<? echo DIR_WS_TEMPLATE; ?>images/safe1.gif" alt="" width="66" height="65" /></td>
<td bgcolor="#1F82A2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="140%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50" class="txt_content01" align="center">Safety Tested, Passed & Approved to British Standard BS-7409:1996 & BS EN-1888:2003 *** Patent Pending Design *** Designed and Manufactured in South Wales, U.K.</td>
</tr>
<tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
</table></td>

I had the problem in IE8 but found by increasing the table width percentage from 100% to 140% adjusted the position of the text -

oh and the site address is www.babywheeleasy.com - if you view in IE then FF yu should see what I'm trying to say - in a very long winded manner.

Any ideas

Thanks Alex

[gjh42]

You have replaced the header with a table nine levels deep to get to that text. Tables are resistant to modern CSS design, and are deprecated as a page layout tool.

The immediate cause of the problem is that you have an unnamed empty cell after the .txt_content01 cell, and that is taking up a chunk of blank space to the right of your text.

Your best solution would be to convert the HTML to a lightweight div/CSS structure.

On examination, you appear to have converted the entire page structure from the original to an anonymous nested table layout, and it will be impossible to ever upgrade your site to a newer more secure version without rebuilding the template from scratch. The old version of Zen Cart your site is (loosely) based on:
* @version $Id: stylesheet.css 4387 2006-09-04 13:54:28Z drbyte $
may or may not be able to accept all of the currently available security patches, and could be hacked at any time if it does not have them.

As an immediate bandaid, you need to rename the admin as described in the tutorials ( https://www.zen-cart.com/tutorials/index.php?article=33 ).
Then you need to start recreating the template on a current v1.3.9 copy of Zen Cart in a development location, and study CSS so you can do it without mangling the site structure.

Also, "Powered by BabyWheelEasy" is a claim that you wrote the underlying code which runs your site. No matter how much you have changed the template, this would be false and not allowed. You can remove "Powered by Zen Cart", but not change it.

P.S. - Do you know how many people will immediately shut down a page that starts making noise at them with no way to shut it off?

[dakco]

Many thanks for the help and advice - and I'll drop the 'powered by'

thanks
Alex