hello, It's been a while since the last time I came to this site

but later with the introductions...

I'm making a new site about tutorials/articles in all PC areas...

I created a 3 column, 100% heigh layout using reference on the net.
It works good, but I noticed a small problem when I added content...

the 3 columns don't have equal heights, if one column has more content it automatically streches to the footer, but the others dont :S

here's the CSS I'm using:

body, html {
    text-align:center;
    background-image:url('img/bg_patt.jpg');
    background-repeat:repeat;
    height:100%;
    margin:0 auto;
}
    
#frame {
    width:968px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    text-align:left;
    height:100%;
}

#contentheader {
    width:968px;
    height:132px;
    padding-top:3px;
    margin-bottom:-3px;
    background:#000;
    background-image:url('img/header.gif');
    background-repeat:no-repeat;
    text-align: right;
    font-family: verdana;
    font-size: 11px;
    color: white;
}
        
#contentmenu {
    width:968px;
    height:38px;
    background:#000;
}

* html #frame {
    margin-top:-10px; /*IE hak4e za gorniot margin na cela strana..*/
}
        
#contentleft {
    width:187px;
    padding-top:11px;
    padding-left:10px;
    float:left;
    background:#000;
    background-image:url('img/contentbg.gif');
    background-repeat:repeat-x;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: black;
    min-height:100%;
    font-family: verdana;
    font-size: 11px;
    color: white;
}
        
* html #contentleft {
    height: 100%;  /* IE hak4e :)*/
}
    
#contentcenter {
    width:581px;
    padding-top:11px;
    float:left;
    background:#000;
    background-image:url('img/contentbg.gif');
    background-repeat:repeat-x;
    min-height:100%;
    font-family: verdana;
    font-size: 11px;
    color: white;
}
        
* html #contentcenter {
    width:583px;
    height: 100%;  /* uste edno IE hak4e :)*/
}
    
#contentright {
    width:187px;
    padding-top:11px;
    padding-right:0px;
    float:left;
    background:#000;
    background-image:url('img/contentbg.gif');
    background-repeat:repeat-x;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: black;
    min-height:100%;
    font-family: verdana;
    font-size: 11px;
    color: white;
}
        
* html #contentright {
    height: 100%;  /* i uste edno IE hak4e :D*/
}

#contentfooter {
    width:968px;
    height:25px;
    float:left;
    clear:both;
    background:#000;
    background-image:url('img/footer.gif');
    background-repeat:no-repeat;
    text-align: center;
    font-family: verdana;
    font-size: 11px;
    color: #696969;
}

Where's my mistake ?

thanks in advance..

Where's my mistake

thinking your columns can be equal height using CSS only.

<self-promo link>
http://www.candsdesign.co.uk/article...eight-columns/

that's what I've been looking for, thanks ALLOT, you saved my life

oh, forgot to tell you something, in your tutorial there, in the code you forgot to include the "sortNumeric" function...

Cheers

very complicated function.

function sortNumeric(a,b)
{
return a - b
}

yeah I know just a reminder