Firefox browser not displaying correctly

Hi All,

I have a problem with a site I am develoing not displaying correctly in Firefox but works perfectly in Chrome, IE and Opera.

Can anybody advise how I reslove the problem?

I have attached images to show the error in firefox.

Many thanks in advance,

Bob

Standard question:

Did you try to clear the cache of FF?

Standard Question.

What template are you using, and does it display OK with the default 'classic' template?

Cheers
RodG

RodG:

Standard Question.

What template are you using, and does it display OK with the default 'classic' template?

Cheers
RodG

Hi RodG,

Ok I managed to fix the problem. What I have discovered is I am using 9 different CSS files to control the elements on the page. The orginal template was from TemplateMonster but I have made 1000's of changes to the core, most of them at CSS level. I have found the when you have CSS margins, line height and padding set for certain elements that are in close proximity, Chrome, IE and Opera, seem to place them next to each other even if some of your pixel definitions are out of sync. Firefox ignores the 'errors' and overlays the elements and that is what happened in my case.

I have now (after a lot of applied mathmatics) re-set my CSS parameters and hey presto all browsers now perform as expected

Guess the moral to this story is, If you are going to do something, you had better do it right!

Kind regards

Bob

frank18:

Standard question:

Did you try to clear the cache of FF?

Hi Frank18

Yes I tried that. As you will see from my findings it appears that Firefox is less tollerant of idiotic errors in CSS code!

Thanks anyway,

Bob

bobc:

Guess the moral to this story is, If you are going to do something, you had better do it right!

Kind regards

Bob

The essence of the moral is: don't get a template from Template Monster :shocking: ! Just do a search for TM on this site and read the comments - it tells you a lot!

Glad you have got this working now!