The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Fixed height in 2 column divs

  • # July 26, 2009 at 9:32 am

    Am new to CSS and I have been trying for the past couple hours to create a stretchable height with two columns. I would appreciate it if someone could tell me what is it am doing is wrong.

    Here is my HTML code


    and this is what i wrote for the CSS

    .two_cols {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    border: 1px solid black;
    .two_cols .left-col {
    position: absolute;
    .two_cols .right-col {
    position: absolute
    right: 0;

    the border i set in .two_cols shows a thin line, as if the right and left elements are not being contained inside the div. Any idea how could i solve this?

    # July 26, 2009 at 11:03 am

    please, anyone?

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed