Jump to content

Extra Space between list items IE


Guest fionajean2

Recommended Posts

Guest fionajean2

Hi all,

Im having a problem with IE putting extra space between the list items in my categories box (FF displays it fine).

Ive tried various things to no avail.

Usually, to avoid this, in a regular html page, I make sure that there is no spacing between the closing angular bracket of one list item and the opening bracket of the next in the actual code, but as I cant physically get to the individual pieces of code for the category items, that wont work.

Any ideas?

Regards

Fiona

Link to comment
Share on other sites

Set a line height for .li in the stylesheets, that will help IE since the browser is incapable of figuring out what the line height should be. Try line-height: 1.6em;

I find that something between 1.3em and 1.8em usually looks best. Setting a static line-height will ensure that all browsers render it very close to the same spacing.

Link to comment
Share on other sites

Guest fionajean2

Set a line height for .li in the stylesheets, that will help IE since the browser is incapable of figuring out what the line height should be. Try line-height: 1.6em;

I find that something between 1.3em and 1.8em usually looks best. Setting a static line-height will ensure that all browsers render it very closel to the same spacing.

Thankyou for that Mark

It has done the trick

Regards

Fiona

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...