Home » Browsers » Five Common Browser Compatibility Glitches

It is a good that technical users have several browser options. Adversely, this generates a lot of extra work for designers and developers who need to make websites are appropriate with as various browsers as possible. Like Internet Explorer, Mozilla Firefox and Google Chrome are much more standard and most used web crawlers. Fixing browser compatibility issues can be a big task. Fortunately, it is a simple matter of knowing what to look for get a solution to the common compatibility problems. There are five common issues below mentioned.


Incorrect (or no) DOCTYPE

Doctype should always be the first line in html. Like this: <! DOCTYPE html>

This one line code can create all difference between a clean and strange website. This is exactly true for Internet Explorer as it will drop down to its own Quirksmode where it clarifies completely different web standards.

No CSS Reset

What you know that all browsers come with a unique set of basic CSS styles which apply if the present website does not override them? Yes, every browser renders a different page, even if it lacks the CSS styling. To escape any side effects, you can apply a CSS reset style sheet in your page to make that browser starts rendering with the basic set of rules. Commonly used reset style sheet are there:

  • css
  • Eric Meyers CSS Reset
  • HTML5Reset

Vender Specific CSS Styles

After style sheet has been established the vendor will remove the vendor specific version immediately or insert a modified version without vendor prefix. Just look at the opacity style for Mozilla Firefox (-moz):

-moz – opacity: 0.6;

Opacity: 0.6;

Therefore, make sure that your code works in all browses.

Lack of Valid HTML/CSS

Different browsers intercept CSS and HTML differently, but some browsers are forgiving than others. For example, it can happen if you forget to close <div> in code. Then maybe Firefox and Google Chrome will add the missing </div> and it will correct. Other browsers may not be rendering will look unique with a hint on what might be incorrect. Fortuitously, you can immediately validate your code by using W3C Validators for CSS and HTML.

Outdated Browser Detection

If your code does not run in latest browsers, check if maybe your browser identification is outdated and does not manage the current browsers. You can use the Modernizer as a handy library for this.

Harry Wilson is an experienced technical content writer. He has done post graduation from a reputed university and likes to write unique and informative article about Firefox Browser Support and Internet Explorer Browser Support etc.