Safari Version 3.1.2 on Mac OS X Leopard, does not seem to render line-height correctly? Anyone tested with Safari?

Firefox and IE7 are OK.

The height line is way too much, it's like triple-space.

How do I go about coding this correctly in the CSS?

Comments

SteveK’s picture

SteveK CreditAttribution: SteveK commented
Assigned: Unassigned » SteveK
Status: Active » Postponed (maintainer needs more info)

Hey Jessica,

I noticed the line-height change for h2's, h3's, etc this must be an issue with Safari not applying * { margin: 0; padding: 0; }. To eliminate this, you can apply a margin: 0 to the h2, h3, h4, etc tags. Let me know if this is a totally different issue. And please supply me with a URL as well.

Steve

jessicakoh’s picture

jessicakoh CreditAttribution: jessicakoh commented

Thanks for the reply.

It did solve the headers spacing problem. However, the teaser part is not. I tried to put "margin: 0; padding: 0;" for ".content"

No effect.

Thank you for your time.

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented

I haven't been able to reproduce the bug on my Safari, both teaser look the same, however, instead of changing the margin, you can try the line height like this :

.node p {
line-height:0.9em; (you can adjust this value)
}

hope this helps

jessicakoh’s picture

jessicakoh CreditAttribution: jessicakoh commented 
.node p {
margin: 0;
}

That works for me.

This theme need to be further tested in Safari. :)

SteveK’s picture

SteveK CreditAttribution: SteveK commented
Status: Postponed (maintainer needs more info) » Fixed

fixed by creator.

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.