100% Height for columns

[afe]

Hey, how can I make the height of my left column 100%? http://www.afesports.com/indexxxxx.php

Thanks!

[rangana]

The easiest fix will be to adjust the lefcolumn div's height.

..Adding height:100%; on leftcolumnn div will sort this out, provided that the parent container's height has been set.

[boogyman]

Adding height:100%; on leftcolumnn div will sort this out, provided that the parent container's height has been set.

that is incorrect
100% height only applies to the height of the content contained within the element.
if you want equal columns look into
http://www.alistapart.com/articles/fauxcolumns/

[rangana]

that is incorrect
100% height only applies to the height of the content contained within the element.
if you want equal columns look into
http://www.alistapart.com/articles/fauxcolumns/

I suppose they mean the same...you cannot apply 100% on height if the container that contains it is not set!.

I termed the container that contains it as parent

[afe]

OHh, umm I tried it, however it did not work. http://www.afesports.com/indexxxxx.php

[rangana]

It should, apparently, you did not set a container that should contain your leftcolumn div and the contents on the right.

This is not the best way, but you could set height:610px; on leftcolumn div...and everything will be fix

[afe]

Is there anyway it could do it automatically to the height of the content?

Thanks!!

[rangana]

Like boogyman and I were telling, this could all be fix by adding height:100% provided you set the container that contains leftcolumn div.

Has'nt adding height:610px; fix the problem?!

[afe]

I did add the "height:100%;", but it did not work. The "height: 610px;" did work. Thanks!!

[rangana]

It's because you are not putting the leftcolumn div into a container together with the divs on the right.

...and having a specific height is not bad at all