1px padding problem on MAC (safari&mozilla)

what the hell?

[PaulKruijt]

Hi all,

i'm using CSS in all my webpages.
But there's a problem i keep on bumping my head on.
If i use padding-top on DIV,A,SPAN...whatever, for vertically aligning the text in a container DIV, it appears that the text need 1 extra more pixel in Mozilla/Safari on the Macintosh. It works fine in IE, Firefox, Opera on Windows.

Is this because of font-size difference MAC/WINDOWS?
Or something else?
Is there a work-around?

Please help...

[PaulKruijt]

No sollutions?

[PaulKruijt]

come on guys :P

[SuzyUK]

Hi PaulKruijt

it could be font-size differences and how much of the percentage of line-height it rounds to leave space for letter descenders..

anyhow saying that can't you just use an explicit line-height to vertically center the text?

line-height = height of div, span, a
vertical-align: middle;

or do I misunderstand? no Mac to test to see if it's specific OS difference

Suzy

[PaulKruijt]

i think it's the font-size.
verdana on Mac is somewhat different then on Windows.
Weird that nobody noticed this...:-S
Maybe there IS a work-around...if so...please tell me.