I have recently switched to Firefox Developer Edition (61.0b4) for developing my web sites. I have a
local Apache server on my desktop computer which I use to view sites under development. The live
site is hosted on a remote server under my control at my ISP.
I am puzzled that the live version of my site appears about 11% narrower in Firefox than the local
version, even though the CSS files are identical in all relevant respects. The sites are in the same
browser window, but on different tabs, of course. Both sites have a 'max-width' of 900px set on the
body.
The live version is at: http://mull-bed-and-breakfast.co.uk
I've made a line by line search of the CSS files, and used Inspector to try to find a difference,
but I can't see one in the CSS 'Rules'. However if I look in 'Computed' at the width of the margins
on the 'body', these are larger on the Live version (222.6 pixels, against 152.2 on the local
version), which would account for the Live version being narrower.
In Chrome they're the same width (as one would expect). They are the same, too, in Firefox ESR
52.7.3 (Extended Service Release), so this may well be a Firefox Dev Edition problem only.
However, having become aware of the problem, I've looked at several other remote and local 'pairs'
of sites, and they do NOT show this difference. So the problem would seem to lie somewhere in the
files for this one site, and possibly in the CSS.
I also have some 'non-public' pages on the same domain which use entirely different CSS, and again
the Live and local versions are different widths. So perhaps it's NOT CSS after all?
Has anyone an idea what would cause this, please?
If it's deemed 'off topic', I apologise, but I look to this list as the
authority on web display.
Tim Dawson
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
