Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 386
  • Last Modified:

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
0
shaunwingin
Asked:
shaunwingin
4 Solutions
 
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.
0
 
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
0
 
käµfm³d 👽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  ; )
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
aadihCommented:
As Morty500UK said, "[T]his is due to the way each browser handles the CSS coding."
0
 
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
}
0
 
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.
0
 
Thomas Zucker-ScharffSystems AnalystCommented:
If you are the developer,  check out csszengarden.com.
0
 
shaunwinginAuthor Commented:
Thanks!
0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now