How can I make my footer centered on all my pages and align with the bottom of my sidebar?
http://www.hawriandmandy.com/media-lounge/
Kannan Sanjeevan answers:
Replace
.footer .width {
background: url("images/footer.gif") repeat-x scroll 0 0 transparent;
width: 584px;
}
with
.footer .width {
background: url("images/footer.gif") repeat-x scroll 0 0 transparent;
left: -250px;
margin: 0 auto;
position: relative;
width: 584px;
}
ddoodnath comments:
thank you this did the trick
derekshirk answers:
Try placing this:
<div class="clear"></div>
In order for this to work you will need this in your css file:
.clear {clear:both;}
At the top of your footer.php
and make sure you footer has the same width as your center column and is set to
.footer {margin: 0 auto;}
Ryan Riatno answers:
put this in style.css
.footer {
clear: both;
color: #00FF66;
font-size: 1.2em;
height: 100%;
line-height: 1.5em;
margin: 20px auto 0;
overflow: hidden;
width: 1073px;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
Then put this:
<div class="clear"></div>
at the end of "<div class="main-width">