CSS issues with Firefox3 and others

[andrewc]

I discovered recently that Firefox3 did not render my site properly, due to CSS. I checked other zen-cart sites (from the showcase) and discovered that we all suffer the same problem.

I noted the problem here:
http://support.mozilla.com/tiki-view...parentId=60098

...but since found evidence that the problem may be more widespread than just Firefox.

The upshot is that the 'body' style, which defines:

font-size: 62.5%;

is not inherited by TD cells. Font sizes in table cells render at the browsers default size, which in Firefox is 16pt.

The workaround I have found that works best is to do this. Add the following line:

font-size:1em;

immediately before the font-size:62.5%; in the body style class. This seems to cure the problem in Firefox, and works OK in IE too.

[kuroi]

Although I wouldn't advocate that Zen Cart attempts to bend itself to work with beta versions of browsers, you're making the legitimate point taht this is a wider issue.

It would appear from what you're saying that some browsers don't apply font size changes universally unless you have previously set the font-size to the default setting! Curious.

Happily you've suggested an easily-applied solution. And, if my memory serves me correctly, Kim has said elsewhere on this forum that the layout table into which most of a Zen Cart's content is poured, will disappear in the next version, thus reducing the impact of the issue that you have raised.

[cochlear]

I think I've noticed the problem with older browsers too, so I've been setting font sizes to td directly. Form controls also seem to have similar issues.

[rstevenson]

I long ago stopped using the font-size: 65%; setting, instead using font-size: 0.8em;

Not only is this a much better base setting for modern screens (which are larger and more pixel dense than the screens which are assumed by the 65% rule), but it also takes care of this bug you've just noticed. It does not, however, do anything about the form controls issue. IE -- all versions -- still mess up form controls, but not so much they can't be used.

Rob