Support » Fixing WordPress » IE 6 <li> whitespace bug

  • 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="">eruditi sed in. Ex vel ad 16<br /><span>April 20th, 2007 -  <strong>0</strong> Comments</span></a></li><li><a href="">disputando nec, eu vim 15<br /><span>April 3rd, 2007 -  <strong>0</strong> Comments</span></a></li><li><a href="">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; ?>

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘IE 6 <li> whitespace bug’ is closed to new replies.