PDA

View Full Version : Equal length CSS columns


DWcourse
11-19-2009, 03:19 AM
I know someone posted an explanation of forcing div "columns" to equal lengths using CSS but can't locate it. Can anyone point me to it again? :confused:

Corrosive
11-19-2009, 06:18 AM
Not sure I could find the post but you could try manipulating min and max height (not cross broswer but close as) or you can use an image/colour scheme in the wrapper to make it look like the columns are stretching to equal heights.

gentleone
11-19-2009, 06:58 AM
Let say you have a column with a minheight of 550px, than for IE6 you should use the following hack:

.column {
min-height:550px;
height:auto !important;
height:550px;
}

d a v e
11-19-2009, 12:53 PM
this was one http://www.alistapart.com/articles/fauxcolumns/

d a v e
11-19-2009, 12:54 PM
this was one http://www.alistapart.com/articles/fauxcolumns/
and css play has some too
http://www.cssplay.co.uk/layouts/flexible-equal-height

DWcourse
11-19-2009, 02:12 PM
Thanks everyone. I was looking for the ones without the background image trick.

edbr
11-20-2009, 01:45 AM
javascript?
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm