Optimizing Your Website Across Browsers - BodyShop Business

Optimizing Your Website Across Browsers

Back when I had a lot more hair, we started building websites, and as we launched these, we found that what we built didn’t necessarily look the same on all browsers. What looked good on Firefox and Chrome might not quite line up the same on Internet Explorer and Safari. So how do you get your website to look the same on all browsers?

Back when I had a lot more hair, we started building websites. As we launched these, we found that what we built didn’t necessarily look the same on all browsers. What looked good on Firefox and Chrome might not quite line up the same on Internet Explorer and Safari. We would make some changes, tweak this and adjust that, and suddenly it looked good on Internet Explorer…but then it looked off on Firefox. Do that enough times and your hair will fall out, too! Now I’m completely bald!  And it’s all the different web browsers’ fault! Well, maybe not entirely, but I truly believe it was a contributing factor.


Browsers are what you use to look at a website. Some of the top web browsers are:

  • Google Chrome – 61.64 percent
    market share  (best for speed, user-friendliness) – https://www.google.com/chrome/
  • Microsoft Internet Explorer – 11.98 percent market share, no longer supported by Microsoft. The default browser on Windows machines prior to Windows 10.
  • Mozilla Firefox Quantum – 11.02 percent market share (today’s Firefox is the best in ages – smart, great tools, fast) – http://www.mozilla.org/firefox
  • Microsoft Edge – 4.23 percent market share (the default browser on Windows 10 computers)
  • Safari – 3.79 percent of market share  (the best browser for Mac, or so Apple says, the default browser on Apple products; fast)
  • Opera – 1.52 percent of market share  (innovative, built-in ad blocker, power- saving mode for laptops) – opera.com/
  • Vivaldi – less than 1 percent of market share (sophisticated, customizable, aesthetically pleasing) – vivaldi.com/
  • Tor browser – less than 1 percent market share (great choice for anonymity, private browsing, nothing is tracked, stored or bookmarked; cookies not allowed) – torbrowser.com/
  • Brave – less than 1 percent market share (built for staying safe online, shielding users from ads, cookies and scripts that might put your privacy and security at risk) – brave.com/

For the most part, web developers who know about testing for browser cross-compatibility and, importantly, care to take the time to do this testing will only check the “big four”: Chrome, Firefox, Edge and Safari. The others are so insignificant that making changes to website coding to ensure a website looks good on them is a waste of time and likely will mess up how things look on the big four.

Internet Explorer

That familiar light blue “e” that you have seen on PCs for years is now pretty much obsolete.  Microsoft isn’t supporting older versions of it and is urging everyone to upgrade to their new browser, Edge. And, importantly, all but the latest version of IE has no recent security updates, so using older versions of IE puts you at risk. Your PCs are vulnerable to viruses and spyware, which can put your business data and information in jeopardy. I’ve seen a lot of older PCs in shops, so pay attention to this.

The Big Four

Certain things need to be present with current websites or considered when developing a new website so that it looks pretty much the same on each of the big four browsers. The coding of the site needs to be simple, clean, good quality and validated to make sure it’s error free. The developer should be testing the site during the development stages, not waiting until the end, so that issues can be identified and fixed before compounding the problems with further programming.

These are the most important things to consider, but much more needs to be done.  But this gets too far into the behind-the-scenes stuff for this column. What you must know is that you need to seek out a skilled developer. What you can do on your own, however, is cross-browser testing either on your existing site or on one that’s under development. Try a tool like this one: crossbrowsertesting.com/. Test using different browsers on your PC, tablets and phones, too.

No website is going to look EXACTLY the same on all browsers. There will be subtle little things here and there no matter what, mostly imperceptible. Edge, for example, will make your phone numbers into hyperlinks, which changes the color of the text. That may or may not look good on your design but too bad, so sad – that’s the way Edge operates.  We’ve had to go behind the scenes and “hard code” things so this wouldn’t happen in order to make the phone number still visible and consistent with the design of the site.

The end goal is for your website to look acceptable on the big four browsers.

BSB Contributing Editor Mark Claypool has more than 30 years of experience in the fields of workforce development, apprenticeships, marketing and web presence management with SkillsUSA, the I-CAR Education Foundation, Mentors at Work, VeriFacts Automotive and the NABC. He is the CEO of Optima Automotive (www.optimaautomotive.com), which provides website design, SEO services and social media management services.

You May Also Like

Are You Ready to ROCK in 2023?

Do you know a “rockstar” in the automotive aftermarket? Then it’s time to nominate them as a Vehicle Care RockStar!

Unless you have been on a remote desert island the past few weeks, you’ve likely seen some intriguing teasers for the latest brand launched under the Babcox Media umbrella — Vehicle Care RockStars. If you have seen it, I’m sure you’ve got some questions.

It can be tough to articulate exactly what defines a RockStar. Is it Mick Jagger’s swagger? Eddie Vedder joyously stagediving into a crowd? Eminem’s clever lyrical prowess or Beyonce’s ability to inspire viral TikTok dances? Elvis’ upturned lip? Is it Slash’s iconic top hat and leather jacket? Dave Grohl’s infectious anthems?

BodyShop Business 2022 Executives of the Year

This year’s Single-Shop award winner is Michael Bradshaw of K & M Collision in Hickory, N.C., and the Multi-Shop winner is Matt Ebert of Crash Champions.

Conducting Collision Business: It’s a New Day

The goal is not to declare war against insurers; it is to declare independence for your organization so that you’re able to provide the highest level of service to your true customers.

Don’t Be Quint: Embrace ADAS and Modern Vehicle Equipment

We can avoid a fate similar to Quint’s in the movie Jaws if we embrace ADAS, technology and training.

Welder Woman: Forging a Trail with Fire

Jaime Shewbridge is the first woman to have won the 2020 I-CAR Instructor of the Year award and the 2021 Welding Instructor of the Year award — and she’s not done yet.

Other Posts

It’s Time to Talk About Money with Young Body Techs

It’s time that we as leaders start to educate our young technicians on how to manage, grow and save money.

Boosting the Value of Your Business

If you have more than five years before you plan to exit your business, there are many things you can do to increase its value and decrease your asset gap.

Running a Family Collision Business: Stay in Your Lane

In a family business, it’s important to divide the duties and respect each other’s lanes.

Need the 411: What Should Consumers Do After a Vehicle Crash?

What do you do when consumers need info after experiencing a vehicle crash?