layout problems with archive page

  • Hi I hope someone can help, I’ve been tearing what’s left of my hair out here.

    On this page: https://www.slurpalicious.com/archives/4

    If you look at the top left of the content area you will see that the “welcome to slurpalicious” link and the “Earthquake news” title are butted up against each other.

    In the archive.php file I have tried adding a
    tag before the line:
    <div class=”post”>
    <h3 id=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></h3>

    I’ve tried adding a
    tag after the:
    <div class=”navigation”>
    <div class=”alignleft”><?php posts_nav_link(”,”,’« Previous Entries’) ?></div>
    <div class=”alignright”><?php posts_nav_link(”,’Next Entries »’,”) ?></div>
    </div>

    but I just can get the “Earthquake news” heading to move down to the next line, I just want to stop them from being displyed on the same line even if the haeding is 2 lines below the navigation I wouldn’t mind.

    does anyone have any suggestions?
    any help greatly appreciated.

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

  • I just looked, and the “Earthquake News” heading is on its own line. If you’re not seeing that, I suggest you clear your browser cache and try again.

    Thread Starter spacedog

    (@spacedog)

    mmm, it must be an IE thing,
    i’ve just checked it in firefox and it’s fine.
    If I look at it in IE I have the problem of the “earthquake News” heading butting up against the link.

    IE has different default margin and padding values from FF. You might try zeroing that h3 out in your css (margin: 0; padding: 0;) then adding the padding back in further down in the stylesheet (make sure it’s padding and not margin, NEVER margin on top/bottom since you’ll have to deal with margin-collapse!)

    Of course, it could be one of the other hundred IE css bugs . . .

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘layout problems with archive page’ is closed to new replies.