100% DIV Height Problem

programming web dev
1

Hi All,

I am having a small problem with my css layout.
Please see below for my explanation:

I have my layout set like the following:


    <div class="container">
        <div class="header">Header Content</div>

        <div class="content">
            <div class="leftContent">Left Content here...</div>
            <div class="rightColumn">
                <div class="contactUs">
                     Contact Us Content
                </div>
                <div class="location">
                      Location Content
                </div>
            </div>

            <div class="clear"></div>
        </div>
    </div>

The problem is that the leftContent div has long content and i want to expand the right column content to the same length as the leftContent div. Basically the location div in the right column i want to extend the background colour to the full length of the leftContent div.

Any ideas on how to do this?? I am having problems with this?

Thanks in advance,
:smiley: