IE 6 <li> whitespace bug (2 posts)

  1. ryanoz
    Posted 8 years ago #

    IE 6 has an issue with adding extra spacing between <li>
    elements. You can see what I'm talking about here:

    The list on the right, "previously".
    Viewed in every other browser the spacing is fine, but in IE 6 its adding too much. I have not checked it on IE 7.

    Now, I know how to fix this... you just run the <li> all together. example:

    <li><a href="http://oswaldtrading.com/testing/?p=21">eruditi sed in. Ex vel ad 16<br /><span>April 20th, 2007 -  <strong>0</strong> Comments</span></a></li><li><a href="http://oswaldtrading.com/testing/?p=20">disputando nec, eu vim 15<br /><span>April 3rd, 2007 -  <strong>0</strong> Comments</span></a></li><li><a href="http://oswaldtrading.com/testing/?p=19">conceptam conte 14<br /><span>April 3rd, 2007 -  <strong>0</strong> Comments</span></a></li>

    This will fix it. However, this is a PHP generated list.
    So how would I eliminate the whitespace?

    This is the portion of the actual PHP:

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?><br /><span><?php the_time('F jS, Y') ?> - <?php wp_link_pages(); ?> <?php comments_number(__('<strong>0</strong> Comments'), __('<strong>1</strong> Comment'), __('<strong>%</strong> Comments')); ?></span></a></li>
    <?php endwhile; else: ?>
    <?php endif; ?>
  2. ryanoz
    Posted 8 years ago #

    anyone have a clue what I'm talking about ?

Topic Closed

This topic has been closed to new replies.

About this Topic