Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

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]');
}
?>
</div><!--//footer-->

<?php wp_footer(); ?>

</body>

</html>

Style.css -

#footer{
margin-top: -90px; /* negative value of footer height. this need to be  */
height: 100px;
clear:both;
padding-top:20px;
margin: 10px;
text-align: center;
color:#fff;
}
#footer img {
padding:3px; 
margin:3px;
}
share|improve this question

closed as off-topic by TheDeadMedic, anu, t f, ialocin, toscho Feb 26 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 at 16:26

2 Answers 2

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 at 13:24
    
@SocialMonster See my updated answer.. –  Rajeev Vyas Feb 26 at 13:35
    
Great, that worked! Many thanks! Curious... how does removing the height of the header fix the footer? –  Social Monster Feb 26 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 at 16:27

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