• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 191
  • Last Modified:

Why is the main content area appear to be "wider" on these two templates in Firefox

Hello

I have two templates that look okay in Chrome (windows), but in Firefox they fill the screen quite differently.

In my next comment I'll give you the links.

The css appears to be the same.  But obviously it is not the same.

Looking for a CSS expert to solve the mystery!

Thanks

Rowby
0
Rowby Goren
Asked:
Rowby Goren
  • 5
  • 3
2 Solutions
 
Rowby GorenAuthor Commented:
Okay!

Here's the two links.  Again they look ok in Chrome, but in Firefox (windows) there is a considerable difference in Firefox.  BTW my computer's screen resolution is 1600 x 900.

appears not as wide on the screen in Firefox
Appears "wider" in firefox

It appears that the width is controlled by container-fluid inner   But I think other issues may come into play here.

Any thoughts?

Thanks

Rowby
0
 
Dan CraciunIT ConsultantCommented:
I don't see the difference here (win 8.1). See the picture.
comparisonHTH,
Dan
0
 
Kyle HamiltonData ScientistCommented:
they look the same to me. though i can only look at the windows FF version in browserstack, and the window size option only goes up to 1280 wide.
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
Rowby GorenAuthor Commented:
Hmmm.....   I will look at it in browserstack.

But the issue was pointed out to me by someone at the university -- and we saw that issue on his firefox browser there.

And see it on my local laptop.  Windows 8.1 Hmmmmm....

I'll check browserstack a little later on.

Thanks Kyle!  

I'll also do a screen shot on my local computer, etc.

Rowby
0
 
Rowby GorenAuthor Commented:
Here are screen shots of the two different university departments on my windows computer -- both in firefox.
picture018.jpg
picture017.jpg
0
 
Dan CraciunIT ConsultantCommented:
Looks like someone pressed Ctrl+ on one of the examples.
That page is zoomed. Either by accident (holding Ctrl while playing with the mouse wheel) or trying to read it better.

Restore the zoom to 100% and it will look the same as Chrome.

HTH,
Dan
0
 
Rowby GorenAuthor Commented:
Hmmm.....

Is there a css or Javascript command that will force browser to 100 percent zoom?
0
 
Dan CraciunIT ConsultantCommented:
Don't think so. You (or someone else) manually zoomed in. It's an accessibility helper.

If you could undo that programatically, then the people who need to zoom in to read your page would be pretty upset...

Just press Ctrl- until the zoom is at 100%
0
 
Rowby GorenAuthor Commented:
Hi Dan,

This is very funny.  I've gone nuts trying to figure out why this was happening.  I've looked at the code, removed the background image etc

And the "solution" was indeed just the zoom.  Which explains why I have had problems trying to recreate the problem.  It was so inconsistent.

Indeed Ctrl - got me to 100% zoom and all pages look the same.

Thanks to you and Experts Exchange for resolving this!

Rowby
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now