Browser Differences

Say

I am browsing the same website on different web browsers - namely: Internet Explorer, Mozilla Firefox & Chrome (Default one). How can the same information appear differently on all these three browsers??

The website in question is (www.a1telecomms.co.za) - the information of email & telephones numbers appears different, i would like them to appear the same way on how Mozilla Firefox is showing it.

How do i do that?

please see attached pic to see the exacted one.

TX
Screenshot-12.png
Screenshot-13.png
shaunwinginAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Andy MIT Systems ManagerCommented:
This is quite common with webpages in different browsers.

In my (limited) experience with websites and browsers I would say this is due to the way each browser handles the CSS coding. Unfortunately not all browsers operate on the same standard and each one interprets code slightly differently from each other, resulting in these differences (i.e. some coding that works in Firefox won't work in IE and vice versa).

I believe there is a way to get the webpage to detect what browser is in use and then use a specific CSS depending on that but I'm not exactly sure how it's done.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Sudeep SharmaTechnical DesignerCommented:
If you are the developer of the website then you may need to look into the code and find the issue. Mostly different browser behave differently to the scripts and html tags, but it is the responsibility of a developer to make sure that the code they are writing is compliant to the WWW standards.

Sudeep
kaufmed   ( ⚆ _ ⚆ )Patches? We Ain't Got No Patches! We Don't Need No Patches! I Don't Have to Push You No Stinkin' Patches!Commented:
How can the same information appear differently on all these three browsers??
How can McDonald's, Burger King, and Carl's Junior all serve hamburgers that taste differently? I mean, they're all just ground beef, right?

Each browser has a team (or more) of developers who write the code, and they don't collaborate with the other browser development teams (AFAIK). This means you get different viewpoints from each team on how a browser should render a page. It's not nearly as bad today as it was a few years ago, but it's still not perfect. Your best bet is to write your pages to fit current standards--which is what the modern browsers are starting to conform to better than they have in the past.

As to fixing your current layout, I'll let the CSS pros help you with that one  ; )
Exploring ASP.NET Core: Fundamentals

Learn to build web apps and services, IoT apps, and mobile backends by covering the fundamentals of ASP.NET Core and  exploring the core foundations for app libraries.

aadihCommented:
As Morty500UK said, "[T]his is due to the way each browser handles the CSS coding."
Tom BeckCommented:
This adds a hack on top of a bad foundation, but you could try something like this:

div.rt-grid-2:nth-of-type(4) div.custom p span {
      white-space: nowrap
}
Dave BaldwinFixer of ProblemsCommented:
Your screenshots show the fact that different browsers even render fonts differently.  IE on all of my computers uses a different "font rendering engine" (Cleartype I think) than the other browsers.  Just one more thing you have to account for in designing web pages.
Thomas Zucker-ScharffSolution GuideCommented:
If you are the developer,  check out csszengarden.com.
shaunwinginAuthor Commented:
Thanks!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.