WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Background not Extending to Footer (2 posts)

  1. mudsugar
    Member
    Posted 6 years ago #

    I'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 &raquo;</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%;
    }
  2. mudsugar
    Member
    Posted 6 years ago #

    I figured it out. I included a cleared division right after the call for the sidebar.

    <div class="clear"></div>
    .clear { clear:both; }

Topic Closed

This topic has been closed to new replies.

About this Topic