PDA

View Full Version : Anylink height discrepencies between browsers



Hanek
04-03-2005, 01:00 AM
Cheers

Love the script!
I've been tweaking with the code and I noticed that
when I change the 'line-height' function it reacts
well in Firefox but I found no change in IE.


#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 15px Arial;
line-height: 20px;
z-index:100;
}


Any comments?

Thanks for your time...
Michael

jscheuer1
04-03-2005, 03:22 AM
I've noticed in working extensively with line-height, cross browser, to render text based graphics that Mozilla (NS7.2 & FF1.x.x) like specific, ie: pixel defined line-heights and IE seems to prefer percentages. Also, that Mozilla and IE do not agree on what a line-height value is. Perhaps with a strict !DOCTYPE declaration things would be more uniform. I often resorted to the !important hack, something like:

line-height:20px!important;line-height:133%;

Mozilla will take the first fixed value and IE the second relative one which on a 15px sized font should be roughly equivalent. However, the really strange thing I've noticed is that IE will often do the unexpected and that adjusting the Line-height percentage by eye is still usually necessary.