Web Browsers Compatibility – CSS Selectors

Your site looks different in Internet Explorer (IE), Firefox, Safari, Opera and any other web browser? If you’re a web developer, then you must know that making the web page to look exactly the same on every web browsers is a hard job to do.
Fortunately, there’s a solution to eliminate the differences in padding and margin for all web browsers. All you have to do is insert the following code into your CSS:

* {
margin:0;
padding:0;
}

I’m still using this trick. However, today I’ve found that there’s one disadvantage of using this. According to Christian Montoya:

It’s very heavy on the rendering agent to apply rules to every single element in the document, especially with large web pages, and this can also destroy a lot of good default styling, especially when you want to have default styled submit buttons.
I learned from KuraFire Network that it’s far better to have a complete list of default settings to apply from the beginning that targets the specific browser inconsistencies. I use something very similar to what is described at “Starting with CSS: revisited” site down: use my initial.css copy with the addition that I apply font-family:inherit; to inputs, textareas and buttons. It works great and there’s no need for the * selector.

Read his post here.

What about you? What tricks are you using?

News and Reviews about Your Favorite Web Browser. Subscribe to our RSS Feed.