I don't know what it is lately, but these last couple days I've been making too many stupid and simple mistakes. Today my problem is in my sites footer. It is a wordpress template I'm creating and is widgetized (not sure if this matters).
Here is the basic structure of the footer...
Code:
<div class="footer">
<div class="footer-item">
<h3>Recent Posts</h3>
<ul>
<?php wp_get_archives('type=postbypost&limit=4');?>
</ul>
</div>
<div class="footer-item">
<h3>Monthy Archives</h3>
<ul>
<?php wp_get_archives('limit=4'); ?>
</ul>
</div>
<div class="footer-item">
<h3>Daily Archives</h3>
<ul>
<?php wp_get_archives('type=daily&limit=4'); ?>
</ul>
</div>
</div><!-- end footer -->
</div><!-- end wrap -->
Ok now here is the CSS after I gave up figuring it out...
Code:
.footer {
width: 960px;
padding: 0 20px;
margin: 20px auto 0 auto;
background: #ff9933;
min-height: 100px;
}
.footer-item {
float: left;
display: block;
width: 300px;
padding: 0px 5px 5px 5px;
margin: 5px;
background: #ff0000;
}
.footer-item ul {
padding-left: 15px;
}
Now, the footer div isn't expanding to cover the .footer-item div's. The theme has them widgetized and that works perfectly fine testing it out. I tried clearing everything and am just not sure what I'm doing wrong. Would be great to have a 2nd pair of eyes look over this for me!