riddle me this, 2 computers, both windows, both using the most recent version of Chrome browsers. both chrome browsers sized at exactly the same width 1100px. why would the spacing in the navigation bar items be different between the two browsers? you can see in the attached image that Computer 2’s navigation bar links have slightly more padding which ultimately pushes the Contact Us link farther to the right. any ideas? thanks in advance.
Different default font sizes?
nope. same default font sizes and families. both browsers set to 100% zoom view.
Can you go into Chromes settings and show us what default font size (and font) is showing for each Chrome you are running?
Or open up the inspect element, get to the list items anchors, then on the right side of inspect element, click “computed” and show us everything computed for both chrome versions.
chrome default settings (for BOTH computers) below. the differences are highlighted in bold.
Font Size: Medium
Page Zoom: 100%
Standard Font: Times New Roman
Serif Font: Times New Roman
Sans-serif font: Arial
Fixed-width font: Consolas (computer 1) Arial (Computer 2)
Minimum font size: Tiny
Encoding: Western [for computer 1] Western (Windows-1252) [for computer 2]
What are both of your screen resolutions? I assume they are different?
Computer 1: 1920 x 1080
Computer 2: 1440 x 900
What is the font-family being used in the web page? Is it a web font or a PC resident font? or is it unspecified and therefore up to the browser/user?
There is a fraction of difference between the font sizes. What’s causing it?
Different versions of Windows or Office?
Make the resolutions the same. Then see if that helps. Percentage font sizes as a base unit on html / body look to the resolution as part of the calculations (I think?)
Just a guess
when i make Computer 1 resolution 1440 x 900, the end of the nav bar still matches up with the middle of the MADE IN USA button like it did when at its original resolution of 1920 x 1080.
Ahem… questions about the computers in #8? The fonts are different or are being rendered at different sizes. That’s the elusive rabbit.
Describe the operation system versions, MS Office versions (if installed), source and name of the font family, and anything else that might affect the fonts differently such as the method of rendering fonts on the screen (Cleartype or Standard)? How are the font sizes being specified on the web page?
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.