Links to screenshot of problem:
http://berniebennybernard.googlepages.com/1.JPG
http://berniebennybernard.googlepages.com/2.JPG
As you can see, as long as the blog entry doesn’t exceed the amount of space given, it doesn’t overlap the older entry.
Here’s the PHP for the main index (main page)
<?php get_header(); ?>
<div id="featured">
<div class="featured-content">
<?php query_posts('showposts=1'); if (have_posts()) : while (have_posts()) : the_post(); ?>
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
<?php the_content(''); ?>
<div class="post-meta">
<a href="<?php the_permalink() ?>#more-<?php the_ID(); ?>" rel="bookmark" title="Read More of <?php the_title_attribute(); ?>" class="btn btn-orange">read more</a> <?php comments_popup_link('0 comments', '1 comment', '% comments'); ?> | posted by <span class="orange weight-normal"><?php the_author_link(); ?></span>
</div>
<?php endwhile; endif; ?>
</div>
</div>
</div>
<div class="left-content">
<?php
// Fixes for post offset
add_filter('post_limits', 'my_post_limit');
global $myOffset;
$myOffset = 1;
$temp = $wp_query; $wp_query= null; $wp_query = new WP_Query();
$wp_query->query('offset=1'.'&paged='.$paged);
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
<div class="post">
<div class="post-date"><span class="month block"><?php the_time('M'); ?> </span><span class="day"><?php the_time('d'); ?> </span></div>
<h4><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h4>
<?php the_content(''); ?>
<div class="post-meta">
<a href="<?php the_permalink() ?>#more-<?php the_ID(); ?>" rel="bookmark" title="Read More of <?php the_title_attribute(); ?>" class="btn btn-<?php echo $style; ?>">read more</a> <?php comments_popup_link('0 comments', '1 comment', '% comments'); ?> | posted by <span class="<?php echo $style; ?> weight-normal"><?php the_author_link(); ?></span>
</div>
</div>
<?php endwhile; ?>
<div class="clearfix pagination bluegray">
<?php next_posts_link('Previous Page') ?> <span class="extralarge"><?php echo $paged; ?> of <?php echo total_pages(); ?></span> <?php previous_posts_link('Next Page') ?>
</div>
<?php /* Fixes for post offset */ $wp_query = null; $wp_query = $temp; remove_filter('post_limits', 'my_post_limit'); ?>
</div>
</div>
<div id="right-col">
<?php get_sidebar(); ?>
</div>
</div></div>
<?php get_footer(); ?>
I am currently using the separator as a temp. fix.
Without actually seeing the problem on a live site, it’s only a guess but your topmost post in being held inside a div with the class name “featured-content”. The featured-content div has a fixed height of 237 pixels. So when the post text exceeds this height, it simply spills over into the area below.
You could try commenting out that line in style.css (around line 429) and see if that helps but my guess is that you’ll then have to make changes to the height and background of the outer #featured div.
Looks like that part of the design doesn’t cope very well with variable post lengths.
No need to comment the style. Change the height from 237px; to auto;
Do the same for the height element on the #featured selector too
It’s a dirty fix though – I didn’t have the time or knowledge to make the piece of paper at the top expand to hold the primary post, it spans over it now. Better then nothing though.
