Make floating divs the same height

Question

I have 2 divs side by side. I don\'t know the height of them upfront, it changed according to the content. Is there a way to make sure they will always be the same height, e

Answer 1

You can do this without using tables, by using this CSS trick.

Example - http://jsfiddle.net/LMGsv/

HTML

   

            

                
text
                
text
another line

            
        
    

CSS

#wrapper {
    float:left;
    width: 300px;
}
#columns {
    float:left;
    width:300px;
    background:blue;
}
#left {
    float:left;
    width:50px;
    background: blue;
}
#right {
    width:250px;
    background: red;
    float:left
}