Solved

Browser Differences

Posted on 2014-01-07
8
357 Views
Last Modified: 2014-01-07
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
Comment
Question by:shaunwingin
8 Comments
 
LVL 13

Accepted Solution

by:
Andy M earned 300 total points
Comment Utility
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
 
LVL 29

Assisted Solution

by:Sudeep Sharma
Sudeep Sharma earned 100 total points
Comment Utility
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
 
LVL 74

Expert Comment

by:käµfm³d 👽
Comment Utility
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
 
LVL 24

Assisted Solution

by:aadih
aadih earned 50 total points
Comment Utility
As Morty500UK said, "[T]his is due to the way each browser handles the CSS coding."
0
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 38

Expert Comment

by:Tom Beck
Comment Utility
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
 
LVL 82

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 50 total points
Comment Utility
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
 
LVL 26

Expert Comment

by:Thomas Zucker-Scharff
Comment Utility
If you are the developer,  check out csszengarden.com.
0
 

Author Closing Comment

by:shaunwingin
Comment Utility
Thanks!
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The purpose of this video is to demonstrate how to set up the WordPress backend so that each page automatically generates a Mailchimp signup form in the sidebar. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now