Previous Message
Next Message

list item style difference in IE6 / FF

Sent by Philippe Wittenbergh on 21 March 2006 01:01


On Mar 21, 2006, at 7:18 AM, Gunlaug Sørtun wrote:

> Paul Kaye wrote:
>> I've styled the list items on this page to have padding-bottom of
>> 3px; they look fine in DW8 and FF 1.5.0.1, but there's too much of a
>> space between list items in IE6.  I just can't work out why.  Can
>> anyone help?
>>
>> http://www.pavolk.net/cyclingthevistula/resources.html
>
> Wish I could but the font-size is too small in IE6, and once I had
> resized it to a suitable level all differences was gone.

For some reason beyond my understanding, IE 6 seems to believe there  
is a much bigger line-height than in Firefox or Opera.
Explicitly specifying a line-height for the <li> (I used line-height: 
1.3) brings all browsers in line.
(and strangely, when I resize the text - setting it to 12px or 14px,  
the problem seems to vanish).

----
The problem can also be fixed by specifying font-size and line-height  
on <body>:
body {
	font-size:100%; line-height:1.3;
}

Moral of this story: don't leave IE on its own, it becomes helpless  
and does all kind of weird things.


Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: