mudsugarI'm not quite sure what I did to cause this but my repeating background is not extending through to the footer as I would like it to. It seems as if it's not seeing the post content and just stops after the sidebar.
Here's the page I'm talking about.
Here's the code:
<?php get_header(); ?>
<div id="mainwrapper">
<div id="wrapper">
<div id="main-content">
<div id="maincolumn">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_content('<p class="serif">Read the rest of this page »</p>'); ?>
<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
</div> <!-- .entry -->
</div><!-- .post -->
<?php endwhile; endif; ?>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
</div> <!-- #maincolumn -->
<?php include (TEMPLATEPATH . '/about-sidebar.php'); ?>
</div> <!-- #main-content -->
</div> <!-- #wrapper -->
</div> <!-- #mainwrapper -->
<?php get_footer(); ?>
#mainwrapper {
background: #b23113 url(http://69.89.31.192/~portraj4/wp-content/themes/portrait-playtime/images/orange-tile.jpg);
clear:both;
}
#wrapper {
width: 900px;
background: url(images/pp_body.jpg) top center repeat-y;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
clear:both;
}
#main-content {
padding: 0 55px 0 55px;
background: url(images/pp_body.jpg) top center repeat-y;
}
#maincolumn {
padding-top: 0px;
padding-bottom: 0px;
float: left;
width: 67%;
}
#sidebar {
width: 32%;
margin-left: 67%;
}