Make two side by side divs the same height

Posted on 2011-05-05
Last Modified: 2012-06-27
Any help you can give would be great and much appreciated.  I just can't seem to figure out how to make two divs the same height so that as one stretches the other should stretch.  In addition I need to make the div class sideinfo remain at the bottom of the div.  As the post div grows, I need the sidebar to also grow in height.  I have this on a test site right now at

Thank you in advance for any help!
Question by:kmurphychi
    LVL 18

    Assisted Solution

    This link should be of some use:

    Personally, I would try and use a background image. Javascript would be my last option and to position the div at the bottom always using absolute positioning.

    Let me know if you need further help.
    LVL 15

    Assisted Solution

    by:Jagadishwor Dulal
    LVL 19

    Accepted Solution

    If your both columns are set to height:100% and contained inside another container wich height is set to auto I think that the biggest content column will define the max height size of the three elements, making all to fit to the minimum space required to show this content.

    This is much theorizing, I think it would give you some trouble on IE7-8 and early.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Better Security Awareness With Threat Intelligence

    See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be Log into your Hosting account. IPage will be used for demonstration : Locat…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now