I had never really gotten into line heights. From
my readings on the subject in _CSS: the
Definitive Guide_ I had retained that the best
way to set line height was to use raw numbers.
This I mostly did, unless it didn't work for some
reason and then I used ems or percentages. But I
noticed recently that some menus using lists
really didn't look the same in Firefox and
Safari. In Safari, the lines were much closer
together. The line-height was set with raw
numbers. If I set it to the same value in ems,
the discrepancy mostly disappeared. So I did a
bit of experimenting here:
http://ansible.xlii.org/web_design/CSS/line-height.html
My conclusion is that to get the closest match
between browsers it seems best to use keywords
for the font size and ems for the line-height.
The next best match is using percentages (or ems)
for the font size and ems for the line-height.
Using raw numbers may be easier (no need to set
it repeatedly, if the font size varies) but the
rendering is significantly different between
browsers, especially between Firefox and others.
In IEWin using raw numbers or ems gives the same
overall size at the first level. Which, I must
say, seems to me to be a good idea...
Any thoughts?
Ellen
--
Quarante-Deux : quelques pages sur la Science-Fiction
Ellen C. Herzfeld - Dominique O. Martel
http://www.quarante-deux.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
