[SOLVED] Please help me fix my website's rendering problem in Firefox.

neok · 2008-11-04 06:53:59

Hi,

I have a strange rendering inconsistency with my website when viewed in Firefox. When I browse my website locally from the hard disk, it renders correctly as per the Preferences->Contents settings. But when I visit it on the internet server, everything (fonts, images and other objects) look smaller. This difference persits even if I save the index file to disk and then view it locally, that is the downloaded index file looks right even though viewed on the server everything is rendered smaller.

Eventually the problem cleared once I renamed ~/.mozilla so that firefox created a new ~/.mozilla config directory. I setup Preferences again as previously and moved some files from the old .mozilla to the new one, looking for a possible culprit but the problem did not reappear. I also tried removing various files from the old .mozilla, clearing the cache etc but the problem persisted.

So, my conclusion, something was wrong in some file in the original ~/.mozilla. I would have liked to find out what, but anyhow, its now rendering local/remote pages identically. :-)

My thanks for the help/suggestions.

Last edited by neok (2008-11-05 06:30:30)

xaiviax · 2008-11-04 08:30:33

Not sure if this helps, but for me (arch, swiftfox, gnome) your page renders exactly the same on the web, as a local file, and locally hosted with apache.

neok · 2008-11-04 13:08:05

xaiviax wrote:

Not sure if this helps, but for me (arch, swiftfox, gnome) your page renders exactly the same on the web, as a local file, and locally hosted with apache.

Well, I guess its an indication that there is either a problem in firefox or that there is something wrong in my html that effects only firefox (so far). I guess more tests will be needed with other installs and browsers to pinpoint the problem.

Thank for testing!

mrunion · 2008-11-04 13:49:36

Can you post screenshots of the difference?

neok · 2008-11-04 14:16:31

mrunion wrote:

Can you post screenshots of the difference?

Sure: I uploaded them (unlinked) to my website:
http://5b4az.chronos.org.uk/website.jpg
http://5b4az.chronos.org.uk/local.jpg

I also installed some other browsers (opera, amaya, dillo) but they all render both local and remote files identically. So far only firefox seems inconsistent.

pdincubus · 2008-11-04 14:42:57

hi neok,

looks like the only difference is font size. when it comes to trying to keep everything uniform across browsers, you're probably best to use a bit of CSS to tell the page the font sizes. If you don't have a stylesheet set up you can add a bit of code into you <head>:

<style type="text/css">
body { font: 14px arial, verdana, helvetica, sans-serif; }
</style>

or change the values to the size you want default text to be. If you want to keep it as times (serif) instead, you can change it to:

<style type="text/css">
body { font: 14px 'times new roman', georgia, times, serif; }
</style>

Georgia looks much nicer than times or times new roman on screen, and as for linux alternatives, you can probably specify any you prefer, just make sure they're inside quote marks as i've done times new roman.

hope this helps.

neok · 2008-11-04 16:45:58

pdincubus wrote:

hi neok,
looks like the only difference is font size. when it comes to trying to keep everything uniform across browsers, you're probably best to use a bit of CSS to tell the page the font sizes. If you don't have a stylesheet set up you can add a bit of code into you <head>:

OK, I can add the font specification if I don't find the bug, but the thing I don't understand is why there is any difference between the rendering of the local page and the remote page. They should be the same since the html code is identical. Anyhow, computers! ;-)

Thanks.

Arch Linux

#1 2008-11-04 06:53:59

[SOLVED] Please help me fix my website's rendering problem in Firefox.

#2 2008-11-04 08:30:33

Re: [SOLVED] Please help me fix my website's rendering problem in Firefox.

#3 2008-11-04 13:08:05

Re: [SOLVED] Please help me fix my website's rendering problem in Firefox.

#4 2008-11-04 13:49:36

Re: [SOLVED] Please help me fix my website's rendering problem in Firefox.

#5 2008-11-04 14:16:31

Re: [SOLVED] Please help me fix my website's rendering problem in Firefox.

#6 2008-11-04 14:42:57

Re: [SOLVED] Please help me fix my website's rendering problem in Firefox.

#7 2008-11-04 16:45:58

Re: [SOLVED] Please help me fix my website's rendering problem in Firefox.

Board footer