WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

For some reason whenever I add a widget to the footer of my site, it moves to the center of the page - but only in Chrome and Safari. Firefox the footer stays put at the bottom.

The only way I can think to change this is to increase the padding-top size. This puts the footer back at the bottom and looks fine in Safari and Chrome, but obviously looks terrible in Firefox.

What am I doing wrong? Site link

Footer.php -

    <div id="footer">
    <div class="footer">

<?php if( is_front_page() ) { 
echo do_shortcode('[responsive_column_widgets]');

<?php wp_footer(); ?>



Style.css -

margin-top: -90px; /* negative value of footer height. this need to be  */
height: 100px;
margin: 10px;
text-align: center;
#footer img {
share|improve this question

closed as off-topic by TheDeadMedic, anu, tfrommen, ialocin, toscho Feb 26 '14 at 18:34

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.

Why did this receive a downvote? What did I do wrong? – Social Monster Feb 26 '14 at 16:26
up vote 0 down vote accepted

You have your content div in your header div. Place content div after header div. OR Go to style.css of your theme find #header style and remove height which is fixed to 524px. Better one is to have content div out of header div.

share|improve this answer
Thank you for answering. Tried it but it doesn't work.. – Social Monster Feb 26 '14 at 13:24
@SocialMonster See my updated answer.. – Rajeev Vyas Feb 26 '14 at 13:35
Great, that worked! Many thanks! Curious... how does removing the height of the header fix the footer? – Social Monster Feb 26 '14 at 16:31

Fix your code errors, such as the missing </div> and </html> tags.

See [Invalid] Markup Validation of katiebagley.com jack - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code. Start fixing the code errors and revalidate.

share|improve this answer
Great, thank you for this. Didn't realise I had so many – Social Monster Feb 26 '14 at 16:27

Not the answer you're looking for? Browse other questions tagged or ask your own question.