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 working on a centered 2-column layout. Both halves of the centered column stretch equally because I have a footer beneath it. How can I make the center column – at its shortest – no shorter than the browser?
What are alternatives (using CSS only if possible) to the faux column technique?
Code welcome.
Thank You.
Just to be clear – the problem isn’t inner DIVs extending beyond the outer DIV (the clear on the footer should take care of that unless there’s something weird) – and instead you’re looking for the outer DIV to take up the whole viewport size, with its footer always at the bottom of the viewport?
If so, what you’re most likely looking for is a sticky footer. Check out this solution here, it’s quite simple and relatively elegant (at least given that this isn’t a very easy problem). It uses a 100% height and negative bottom margin on the wrapper, the negative bottom margin matching the height of the footer.