View Full Version : Automating Column Heights??

01-22-2007, 08:28 PM
Lets say for example you have 2 columns and a footer. You fill Column 1 with text and fill a small amout of text in column 2. The footer squeezes in underneath Column 2 unless Column 2 is the same length as Column 1.

In short, is it possible to automate the height of Column 2 so it matches Column 1 or have the footer fit underneath the tallest Column?

Any advise would be extremely grateful.

01-22-2007, 08:35 PM
We would need to see your code first but it sounds like you are floating at least one column but you aren't using clear:both; on your footer. Equal column heights takes a bit of work in CSS. Look up faux columns (http://www.alistapart.com/articles/fauxcolumns/).

01-22-2007, 08:40 PM
Cheers dude,

I read through A List Apart and goes over my head! I have heard of clear:both before, what does this do exactly?

01-22-2007, 08:47 PM
It makes sure no element can be to the left or the right of it. This might help you understand better. http://www.positioniseverything.net/easyclearing.html

01-22-2007, 08:51 PM
Hey powered,
Here (http://www.nopeople.com/CSS/equal_length_columns/) is a pretty simple explanation of the faux column method.