2 min read

Why Your Website Looks Different Every Time You Visit

Layout ChangesHave you ever gone to your website using a different computer or browser only to notice that the layout or design is slightly altered? ; Take a deep breath, there isn 't an issue with your website, or with the code. It is completely normal for websites to look different from browser to browser and monitor to monitor. ; However, it is important to make sure that these changes are purely cosmetic and not functional.

Here is a quick explanation as to why your site 's appearance may look different each time you visit it.

  • Browser: Every browser, such as Internet Explorer, Firefox, Chrome, and Safari, has a different layout engine, which alters the position and rendering of various components on a website such as the layout, text, and graphics. ; This explains how a website 's design is generated and visualized differently across the various browsers. ; The font can also be affected by the operating system of the computer.
  • Operating System: The Operating System will often determine how a font is displayed across the browsers. ; If you are viewing a website on a Mac you will most likely have an LCD smoothing system. ; A PC uses ClearType software for sub-pixelating rendering, which allows fonts to be displayed at a high level of sharpness or roundness. ;
  • Computer: Finally, a website 's appearance is affected by the settings of the computer and the monitor it is being viewed on.
  • Computer Font Settings: Websites are designed with a specific "font stack " meaning the default font that is displayed. ; However, not all computers have the same fonts, so if the default font isn 't on the computer it moves onto the next font within the "stack " until a font match is found, rendered, and displayed to the visitor.
  • Computer Graphic and Color Settings: Each computer has a graphic card and color settings that can be changed by the user. ; The graphic card determines the brightness, contrast, vibrancy, etc. of the colors, images, fonts and other components displayed on the page. ; The color settings may be independent of the graphics card, and thus may determine which colors are seen.
  • Monitors: ; A website is typically designed to display optimally on a monitor resolution of 1024_768 and up. Monitors with a lower resolution will not be displayed properly. ; The resolution of a monitor also affects the size of the component of the screen, so you may view more or less of the layout depending on the monitor being used.

Designing and building a website that appears the same no matter what browser, operating system and computer you visit it from is nearly impossible. ; There are many variables, which is why it is important to test your site to ensure that these differences are ones that will not affect the end user 's opinion of your website. ; ;

At CommonPlaces we include these quality assurance tests as a part of our process. ; We check your website on different browsers, operating systems, and computers to make sure that the website functions properly and is displayed in a manner which holds true to the company 's identity.


Related Posts

1 min read

Protect Your Webite From The WordPress Brute Force Attack

A growing series of online attacks called brute force, aimed at breaking into WordPress blogs, is causing concern for many web hosting services. Brute force is a form of hacking which uses an...
2 min read

What You Should Know About Updating Your Server

If a modern business has a beating heart, it is the web server. Your server runs your website, stores valuable data, and connects your business to the outside world. If the server is not...
1 min read

What The Apple iPad Can Teach You About Web Design

I was recently reading an article about the overwhelming sales numbers of the Apple iPad since it was released in April (around four million units sold). By all measures, the device has been an...
2 min read

Should You Fix Your Website or Start From Scratch?

Over the past 20 years, CommonPlaces has worked on a variety of projects from web development to customer experience portals. Time and time again we come up against the same question, “Can you fix...