Thursday, January 28, 2010

Margin and Line Height effects on FireFox 3.5.5 on Mac

If you set the margin top and bottom of a <p> tag you have to set the line-height as well as a work around for firefox 3.5.5 on Mac, this work around will not affect other browser both on mac and windows and this is to rectify the line-height spacing of the <p> tag.

Example:
<p style="margin: 11px 0; line-height: 13px">Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum </p>

- this is noticeable if you have multiple paragraph inside a box with a background image, the paragraph appears to be at the center of the box in other browser but not with firefox on mac and you will notice the line-height is not similar to the other browser that renders it.

No comments:

Post a Comment