Equal height columns - again

[tomchadwin]

Hello all

I've done equal-height three-columnar layouts in the past in XHTML Strict + CSS, but not in TL. I'm just having some difficulty applying this to the default TL three-column + header + footer layout. Can anyone help? I don't want to use empty clearing DIVs, as they should not be necessary.

Thanks

Tom

[ramjet]

Try this - no money back guarantee....

/* Style sheet All_3_Column_General */
html{height:100%;min-height:100%;}
body{height:100%;min-height:100%;}
#wrapper{overflow:hidden;min-height:100%;}
#left{overflow:hidden;min-height:100%;}
#right{overflow:hidden;min-height:100%;}
#main{overflow:hidden;}

I put a repeated-y axis image in #wrapper thats as wide as the layout.
Also read http://www.typolight-community.org/v...php?f=7&t=1339 may give som other ideas.

[tomchadwin]

No, that doesn't work. Some kind of clearing hack or something else is required.

Thanks

Tom

[ramjet]

No worries... I spose you want your money back!
i'm new at this CSS stuff, but it seems to work with the way I'm doing things.

[tomchadwin]

OK. It looks like this might do the trick, though I've only tested it in IE and Firefox on Windows:

/* Style sheet All_3_Column_General */
#container{overflow:hidden;}
#left{padding-bottom:500em;margin-bottom:-500em;}
#right{padding-bottom:500em;margin-bottom:-500em;}

Thanks for the help

Tom