Jump to content

Archived

This topic is now archived and is closed to further replies.

dannel77

Help with whitespaces (gaps) between <li> list objects in IE

Recommended Posts

The list looks fine in Firefox, but in IE there are som gaps between the
lines, the list is an ordinary: <ul><li> unordered list..

I'm trying to make the lists look identical in both browsers but it's much more compact in Firefox, and in IE there appears to be some "padding" or something around every textstring.. Have searched the net for a solution and heard of this bug in IE, does somene here have a solution for this problem?

The CSS file look like this right now:

li{list-style: disc; }
li{margin: 0; padding: 0;}

Share this post


Link to post
Share on other sites
try this
[code]
ul, ol, li{margin: 0; padding: 0;}
[/code]

Share this post


Link to post
Share on other sites
Have tried it now, but it makes now difference, the space between the lines are still there.. and the list is much
more compact in Firefox..

Share this post


Link to post
Share on other sites
Do you have paragraph tags (<p></p>) or line break tags (< br>) inside the list tags (<li></li>)? If you do take them out. Also could you post your html code for your list here too.

Share this post


Link to post
Share on other sites
No, I have no <p> or <br> within the tags, but I found out today that if I set the font size to 1, the lists look almost the same in IE anf FF.. But since I use a fixed size of 10px IE can't "delete" the whitespace in between.. and the list is as compact with size 1 as with a font size of 10 px.. :-\

Share this post


Link to post
Share on other sites
Then either what you see is the way those browsers work or you can try fixing the line-height with extra CSS.

li { line-height:120%;}

Share this post


Link to post
Share on other sites
Thanx a million man!! Worked fine with a line-height of 150%, now the lists look the same in IE and FF!  :)

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.