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 have a div with colored background and a footer that is absolute positioned at the bottom of the page. I’m trying to add margin-bottom to the div in order to add some space between the div and the footer. But it doesn’t have any effect. I assume this is because margin is relative to another element. What is a good solution in this scenario?
<body> <!--white background-->
<div> <!--colored background-->
<!--THe content of the page -->
</div>
<footer>
"links"
</footer>
</body>
Looks like what you need is a “Sticky Footer”, search S.O or Google for it, you don’t want to solve something that’s been solved a 100 times already :-). Since the footer is absolutely positioned, adding a margin to it or the content div won’t help.