Hi
You need to add right margin on the sidebar div and left margin on the content div
This looked reasonable from here: (style.css)
#content {
float:left;
[ADD] --> margin-left:150px;
overflow:hidden;
padding:40px 0 30px 40px;
width:500px;
}
#sidebar {
color:#000000;
float:right;
[ADD] --> margin-right:130px;
overflow:hidden;
padding:0 10px 20px 0;
width:270px;
}
For the footer you have to add margin to the divs within the footer div, not to the footer div itself (adding to the stylesheet)
<div id="footer">
<div class="footer-recent-posts">
...
</div>
<div class="footer-recent-comments">
...
</div>
<div class="footer-about">
...
</div>
</div>
That did the trick! Though, I’m not really understanding what you’re saying about the footer part. I played around with it a little, as you can see, but it’s not lining up right. What am I doing wrong here? :X
try this
.footer-recent-comments {
float:left;
CHANGE --> margin-left:25px;
padding-top:70px;
width:100px;
}
also, under .footer-recent-comments and .footer-about in the style sheet, change everything that has margin-left of 150px to margin-left: 0 (leave .footer-recent-posts with margin-left of 150px)
