Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am using ZURB foundation CSS framework to design a website. Currently I am trying to create a footer that will stay at the bottom of my page. I have the following code for the footer but its not going to the bottom, rather its showing up in the middle.
Could you please tell me how to create a footer (using ZURB foundation framework) that will stay at the bottom?
<div class="row">
<div class="twelve columns" style="background-color:#000000; height:30px; bottom:0;"></div>
</div>
I would create two different footers – one for desktop & tablets – and one for phones.
Using Zurb’s “show on and hide on options” it’s very easy to do. You can have any graphics used by both footers so any “download penalty” is small.
To create a sticky footer for you website you’ll have to add some CSS to Zurb. (You can add this to the app.css file, which is Zurb’s repository for your extra CSS)
Also the Brad Frost article (posted by Ed Charbeneau) is a great read – I hadn’t seen that before.