In Tips Sep 19, 20106

Effective Ways to Make Sure That Your HTML/CSS Works On All Browsers

One of the most difficult tasks web designers have to tackle is ensuring that all web pages work consistently across all web browsers. As the most of you will already know, this is no easy task. And recently, on Design Reviver Answers, this topic was brought up in discussion, and we would like to share with you some of the tips that were offered from our readers, and we would love to hear about any more you may have.

You can leave your tips and thoughts in the comment section below, or you can leave your answer on the original question on Answers here: What’s the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?
This question was originally asked by Themans.

Our favorite answer comes from Handrus Nogueira:

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

The answer came from Trevor:

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

This answers came from Scunliffe:

What's the Most Effective Way to Make Sure That My HTML/CSS Works On All Browsers?

Thanks to everyone who asked a question, but most importantly thanks to everyone that took the time and effort to offer helpful and useful answers.

6 Comments

  • Stuart Shields
    Sep 20, 2010
    Do people still use clear fixes? I’ve managed to go without it for over 2 years. I believe it comes down to what code works best for your project. Also most clear fixes can be fixed with either jQuery or a re-write of the css code.

    Plus using css of:
    * {
    margin: 0;
    padding: 0;
    }

    Remember if you use border: 0; in there to all your forms won’t show borders and you’ll need to give them borders so people know what they are!

  • Effective Ways to Make Sure That Your HTML/CSS Works On All Browsers | Lively Design Tuts
    Sep 20, 2010
    [...] Direct Link [...]
  • Luis Ahmed
    Sep 20, 2010
    Just make your code following the w3c website validator it save me a lot of time and don’t forget to check the Semantic Data Extractor, here is the link, it is a big issue when you work your SEO.

    http://www.w3.org/2003/12/semantic-extractor.html

  • mohan pyare
    Sep 21, 2010
    Validation is very important thing because it effects on seo of website….
  • Priyesh
    Sep 28, 2010
    Having valid code is not a requirement for some but I feel having valid code shows a great sense of professionalism. Also having valid code reduces any unwanted surprises when it comes to browser compatibility issues. SEO is also another important factor to take into account when writing good code.
  • jay pick
    Nov 10, 2010
    I always use the global css reset * { margin:0; padding:0; } and wireframe out my designs before I start coding them up so I can be sure that my widths and floats are tight. This narrows down the potential causes and ways to resolve cross-browser (IE) issues should any be lurking around the corner..

Leave a Comment

Ask a Question on Design Reviver Answers