Grow your CSS skills. Land your dream job.

Fixed height in 2 column divs

  • # July 26, 2009 at 9:32 am

    Hi,
    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

    Code:
    test
    test

    and this is what i wrote for the CSS

    Code:
    .two_cols {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    border: 1px solid black;
    }
    .two_cols .left-col {
    position: absolute;
    left:0;
    }
    .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.

*May or may not contain any actual "CSS" or "Tricks".