I have this design which I cannot seem to get right, I would like .sidebar (float:left) to fill the entire height of .page-container which has a fluid height due to the content. How do I go about this?
Share
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 this design which I cannot seem to get right, I would like .sidebar (float:left) to fill the entire height of .page-container which has a fluid height due to the content. How do I go about this?
Drop the
margin-bottomandmargin-lefton.page-topand remove themargin-leftfrom.sidebar. Once you do this, you have a lot of empty space at the top of.page-containerbut I don’t understand your layout enough to comment on what to do about that; no offense, but you have a lot of empty<div>elements which I don’t understand, and which are in turn causing you to abusemarginsin my opinion, only making your layout harder to understand and work with.Then you’ll be ready to use the Faux columns trick described in the possible duplicate. The heart of the idea is
.sidebardoesn’t stretch all the way, but.page-containerhas a background which creates the impression it does.