On Tue, 15 May 2007, Brooke Nelson wrote: > Hello everyone. I have having a problem with line-height in Firefox vs. IE. > > I have set the line height at 1.5em for everything in this page.
Felix mentioned the possibility of using a plain number (1.5), which is generally a better idea. But in this case there is no difference, since you use the same font size. I even tried setting line-height to a value in pixels, with the same results. > in IE the line height appears to be > 1em for everything in the family tree box That applies to IE 6. On IE 7, the bug seems to have been fixed. This appears to be the Line-height / Replaced Element Bug described at http://www.positioniseverything.net/explorer/lineheightbug.html Basically, when an element contains img elements, IE 6 goes crazy with line-height. The document is pessimistic about fixes. However, in your case, perhaps you could circumvent the bug by replacing the images by suitable special characters. For example, you might consider replacing constructs like <img src="block1.gif" width="11" height="6" /> (where block1.gif presents a thick minus sign) by e.g. <span class="m">−</span> with some font-level styling for span.m. Making the plus and minus symbols align vertically might be somewhat complicated but probably possible. It's more difficult to make their lines thick enough. But we can return to this issue if you find this approach potentially feasible. Note that you should fix the <img> element markup anyway, since the elements now lack the required alt attribute, and you might just as well considering doing some _different_ change. -- Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
