margin-top behavior differs between browsers

Question

We have a richfaces table (rich-table style class) and we would like to have some space on top of the table. We tried using margin-top on the above style class with values in px and in %age. But the resultant behavior was different in both the browsers. FF produces more space compared to Chrome. How do we get around this issue and be browser agnostic?

Answer 1

You may want to consider using a reset stylesheet.

A reset stylesheet will reduce browser inconsistencies like default line heights, margins and font sizes of headings.

You may also want to check the following articles for further reading on the topic:

• CSS Tip #1: Resetting Your Styles with CSS Reset
• Mayerweb: Reset Reasoning
• Stack Overflow: Is it ok to use a css reset stylesheet?
• Stack Overflow: Best css reset