how to make sidebar list have equal spacing in IE and FF

  • Resolved epictum

    (@epictum)


    17 years, 9 months ago

    this isn’t a life-threatening problem, but i just found out that my list in my sidebar displays differently in IE7 and FF2. Firefox displays my list indented, but IE lists the items like they’re supposed to … items are flush left-aligned with the header. i’ve heard that it could be a margin issue with IE vs. FF, but does anybody know how i would be able to make my lists display the same in both browsers? i’m only trying to have 20px of padding left and right for both my sidebars and wasn’t expecting it to turn out this way. at any rate, here’s the link so that you can see what i’m talking about (you’ll have to have both browsers).

    https://www.avenue-mag.com/wiya/

Viewing 4 replies - 1 through 4 (of 4 total)

  • im going to hazard a guess that the difference stems from your validation issues.

    https://validator.w3.org/check?uri=https://www.avenue-mag.com/wiya/

    All of those look to related to your sidebar.

    The first one, for instance is blaringly obvious:

    You have this in your source:

    <div id="l_sidebar">
<!--sidebar.php-->

    <li id="linkcat-2" class="linkcat"><h2 class="widgettitle">Blogroll</h2>

    <ul>

    That starting <li> cannot just hang there without being inside of a <ul> or <ol> ………

    Start with fixing that error, revalidate, fix the next one..revalidate, until you dont have any list related errors and then compare ie7 and FF.

    ie7 and firefox display valid sites fairly comparably.

    Thread Starter epictum

    (@epictum)

    hmmm… i see what you mean, but i’m not sure where to make those changes. i checked both my sidebar’s code and they all seem to have the

      tags surrounding the

      • ‘s like here
        • <h2>Blogroll</h2>
		<ul><?php get_links(-1, '<li>', '</li>', ' - '); ?></ul>

        any suggestions?

      The widgets use correct listing, but not the sidebar itself. Open your sidebar.php and see, if there are ul-tags “around” the lines where it says "if (function_exists [...] endif;".

      If not, place them. Example:

      <div id="sidebar-l">

      <ul>

      <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
 <?php endif; ?>

      </ul>

      </div>

      Thread Starter epictum

      (@epictum)

      waow! almost there! i’m still getting two errors on W3, though. any chance you might be able to figure this out? here’s what I have…

      <!--sidebar.php-->

<div id="l_sidebar">
<ul>
<?php if (is_home()) {
} ?>

<?php if ( !function_exists('dynamic_sidebar')
        || !dynamic_sidebar(1) ) : ?>
</ul>
</div>

      the validator doesn’t like my <ul> tags, but i’m not sure how to go about resolving this.

    Viewing 4 replies - 1 through 4 (of 4 total)
    • The topic ‘how to make sidebar list have equal spacing in IE and FF’ is closed to new replies.