fmz 14

IE8 is generally quite cooperative with styling and if it works in Firefox is usually works in IE8, except on this page.

There is an unusual amount of space between the list elements and I am not sure how to fix it. I have reviewed the code and it appears correct with the list elements properly nested in

< ul >

Any help in fixing this would be appreciated.

Thanks.

3 answers

1
point
This was chosen as the best answer

Here's a screen grab from Safari's web inspector:

http://img.skitch.com/20100721-n58wwyfnpqs5gf58gfdsuhihb1.jpg

I'd say that expression engine is messing up a little... Most browsers don't display empty elements, but maybe IE8 is... Try adding a border to see if it is... e.g. add

table a 
{
    border: 1px solid red;
 }

if you get red outlined boxes between your list items you'll know why.

:)

Answered over 6 years ago by Tony Crockford
  • Hi Tony, I finally figured it out. The closing anchor tag was written like this <a/> so as soon as I changed it to </a> everything righted itself. Thanks for the help. fmz over 6 years ago
0
points

There seem to be a lot of empty <a> elements between the li's why?

Answered over 6 years ago by Tony Crockford
  • Hi Tony, this is an Expression Engine site, so the content is loading dynamically. Here is the code I am using for this section: <li style="margin-bottom: 6px;"><strong><a href="/research/project/{url_title}">{title}<a/></strong></li> fmz over 6 years ago
0
points

A lot of browsers incorrectly add white-space if there are line-breaks between LI elements. Try eliminating all the line-breaks.

Answered over 6 years ago by Tim Hettler