Why Does My Website Look Different in Different Browsers?

Why Does My Website Look Terrible in IE | Virteom

If you have ever wondered why your website looks different in different browsers, you don’t have to worry that you’re going crazy. There is a legitimate reason why your website may look off in different browsers, like Internet Explorer. Read on to learn why this happens.

Why Does my Website Look Different in internet explorer?

Websites are made up of a set of instructions spoken in a web code language, most often HTML or CSS. Often, different browsers interpret code languages differently, which results in different interpretations. Here are some ways this issue affects your website:  

Browser Default Settings:

When a browser reads the code behind your website, it translates the information in the default settings. For instance, Safari and Chrome have different default fonts, which means the font on your site changes when viewed in these browsers. For example, Safari defaults to the Helvetica family and Microsoft's Internet Explorer defaults to the Arial font family. 

Default issues are likely the most common reason for variance between browsers. The look and feel of a site may change, but functionality and the user experience remain intact.

Code Changes

Web code is constantly evolving and browsers may lag behind when making any necessary changes. An older version of a browser may not support the latest standards. So, a modern website may speak a language that is not fully understood by the browser.

For example, Microsoft’s Internet Explorer (IE) 11 is the last version Microsoft will be maintaining. In fact, as of January 12th, 2016 Microsoft stopped providing security updates for any older versions of IE. Since they are no longer maintaining this code, the way the HTML and CSS render can potentially be compromised.

Computer Hardware

Other factors that play a role are the operating system and display resolution you view the site on. PCs render buttons in a rectangle versus the oval displayed on a Mac. Creating a website in one screen resolution effects whether it fits on screens set to lower resolutions.

Common Browsers Today

Top 10 lists of internet browsers vary slightly. Google Chrome comes out the winner for many techies. But, several browsers compete for the top spot. Common browsers in use today include:

Desktop Usage: Chrome 66% | Firefox 11% | IE 7%

Tablets: Safari 59% | Chrome 24% | Android 12%

Mobile: Chrome: 54% | Safari 17% | UC Browser (Non-USA Browser) 13%

At Virteom, we run through multiple audits of your website to check responsiveness, and cross browser-rendering of your website; but from the stats listed above it’s clear a majority of internet users are either using Chrome or Safari. 

If IE ranks low on percentage of users, why are we even talking about it? Because it’s the default browser on PC’s. It’s important to know that you do not need to use the default browser (the one automatically downloaded) on your computer. We encourage internet users to join the majority on Google Chrome; it requires one free and easy download.

Creating your Website

The rule of thumb in web development is to create your site on the browser you use. Viewing it on other browsers allows you to change issues of functionality within your control. But, remember, some differences are due to the hardware and settings on a visitor’s computer.

Differences are OK

Viewing your site on different browsers may give you the impression that it is broken or poorly designed. But, it is merely the nature of web development. It is okay that your website looks different when it displays on different web browsers as long as the page loads well, looks good and functions properly. Different fonts should not be a deal breaker for you!

And C'MON, do you really need to use Internet Explorer when there are much better browsers out there? 

If you need help putting your website together, contact Virteom today. We can help you resolve issues and get your site operating well across browsers.

Most Recent

Modifying Site Navigation

By Olivia Justice
January 28, 2019 Category: How To, Navigation, Menus

Want to change the order in which your navigation items appear? Want to remove or add a menu item? No worries, this is all possible within Virteom CMS. Rearranging menu items in virteom cms To start rearranging the order, your menu-items appear login to the back-end of your website. Login to the back-end of your website by visiting (yourdomain.com)/virteom Enter Email Enter Password Click Login Once you log in, click on Site Pages or Navigation from the menu. Once you arrive at your Navigation, youll notice the pages of your website have a distinct hierarchy. The pages on your site show in a tree layout - meaning the topmost item is the main menu item, and the pages that appear below it (indented) are children of the menu items. This, in turn, is used to determine how the navigation on your website will appear. For example, if you have a menu on your website that looks like this: the corresponding navigation in Virteom would look like this: In this example, Services is

How To Enable/Disable Products in Virteom CMS

By Olivia Justice
January 21, 2019 Category: Learning, ECommerce

Do you have a product that is not currently for sale in your Virteom shopping cart? Maybe you have products that are only available during the holiday seasonor during a specific month. We know how time consuming it can be to have to reupload products, so instead of deleting your product, you can simply disable your products for as long as you want. Enabling it again when it becomes available. So,how do you enable or disable a product in Virteom CMS?Keep reading to find out.... How to enable/disable a product First, youll need to sign into the back-end of your website by visiting yourdomain.com/virteom -- just tag /virteom at the end. Visit (insertyourdomain).com/virteom Enter your email Enter your password Click Login Navigate to Products Once youve logged in, click on Manager from the top-editor. From the left-hand menu, select Store Once youre in the store, select Products from the left-hand menu Locate the item you would like to make available or disable. Click Edit

Adding an External Link to Your Navigation

By Olivia Justice
August 17, 2018 Category: Navigation, Pages

Adding and deleting pages that exist within your website is easy with Virteom CMS - just check it out here. But what if you want a link to go out to a different website? Or to a PDF? Thats a little bit less intuitive. In this how-to article, well go over how to link to external web pages in your navigation and how to link to documents. How to link to an external website First things first, youll need to login to the back-end of your website. This is simply your domain URL with /virteom tagged on the end. (For example, ours is virteom.com)and then you enter /virteom after. To login to the back-end of our website, wed type virteom.com/virteom.) On this screen, youll enter your username and password Once youre logged in, click Site Pages (if youre on Rocketsites) or Navigation (if youre running Virteom CMS8 and under) Once youre on the Site Pages youll see your entire website structure. To add an external link to your navigation, locate the Main section and click the + next to