Repeating Background Image Doesn’t extend to bottom of post
-
I am updating a theme to create an image that will repeat and display a “box” look around all of the posts and the sidebar. I have the width working fine but the height isn’t extending to the end of the posts on the main “blog” page or the single post page.
The box only extends to the bottom of the sidebar and not the bottom of the posts/post. If I remove the sidebar, the box only extends to the top of the blog posts. I need to extend the box to the end of the blog posts.
I have 3 images: top of the box, the main part of the box, the bottom of the box.
I am setting 2 divs in the header:
<div id=”stage_top”></div>
<div id=”stage” class=”blog_stage”>I am terminating the div and setting the bottom of the box in the footer.php:
</div>
<div id=”stage_bottom”></div>The CSS is:
#stage_top {
background: url(‘../images/stage_top.jpg’) no-repeat;
height: 8px;
width: 969px;
margin-left: 10px;
}#stage{
background: url(‘../images/stage_bg.jpg’) repeat-y;
padding: 10px 10px 10px 16px;
height: 370px;
width: 969px;
margin-left: 10px;
}#stage_bottom {
background: url(‘../images/stage_bottom.jpg’) no-repeat;
height: 20px;
width: 969px;
margin-left: 10px;
}Thanks,
Jared
- The topic ‘Repeating Background Image Doesn’t extend to bottom of post’ is closed to new replies.