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
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?