[css-d] Live and local versions of same web site showing as different width in Firefox

2018-05-19 Thread Tim Dawson 
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/

Re: [css-d] Live and local versions of same web site showing as different width in Firefox

2018-05-19 Thread Philippe Wittenbergh 


> On May 20, 2018, at 3:27, Tim Dawson  wrote:
> 
> 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

One wild shot in the dark: is the zoom level for both pages / domains the same 
(Firefox remembers the zoom level across sessions – on a per-domain basis)? 
Press Cmd/Ctrl + 0 to reset them both.

Otherwise, I have no idea - esp. as I can’t see what you see… :-)

(aside)
I notice this in your viewport meta tag: `maximum-scale=1; ` this has 
absolutely NO effect anymore in Mobile Safari (browser ignores it, an let the 
user as much as they want). Luckily.

Philippe
--
Philippe Wittenbergh
https://l-c-n.com/






__
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/