Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

pages footer centered WordPress

  • SOLVED

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/

Answers (3)

2011-04-29

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

2011-04-29

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;}

2011-04-29

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">