Title: layout problems with archive page
Last modified: August 18, 2016

---

# layout problems with archive page

 *  [spacedog](https://wordpress.org/support/users/spacedog/)
 * (@spacedog)
 * [20 years, 10 months ago](https://wordpress.org/support/topic/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: [http://www.slurpalicious.com/archives/4](http://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)

 *  [skippy](https://wordpress.org/support/users/skippy/)
 * (@skippy)
 * [20 years, 10 months ago](https://wordpress.org/support/topic/layout-problems-with-archive-page/#post-235088)
 * 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](https://wordpress.org/support/users/spacedog/)
 * (@spacedog)
 * [20 years, 10 months ago](https://wordpress.org/support/topic/layout-problems-with-archive-page/#post-235090)
 * 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.
 *  [kickass](https://wordpress.org/support/users/kickass/)
 * (@kickass)
 * [20 years, 10 months ago](https://wordpress.org/support/topic/layout-problems-with-archive-page/#post-235122)
 * 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.

## Tags

 * [archives](https://wordpress.org/support/topic-tag/archives/)
 * [layout](https://wordpress.org/support/topic-tag/layout/)

 * 3 replies
 * 3 participants
 * Last reply from: [kickass](https://wordpress.org/support/users/kickass/)
 * Last activity: [20 years, 10 months ago](https://wordpress.org/support/topic/layout-problems-with-archive-page/#post-235122)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics