Table with 3 columns. Fixed center column width. How to have shared width on other two columns?

Question

i have a 100% width table with 3 columns. The center column must be 600px width. How can I have the other two equal width while using up the remaining space?

Answer 1

The use of "colgroup" tag could be a great help for this.

        

            

                
                
                
            
            

                
First Column
                

                
Third Column
            
        

        

            

                
AAAAAA
                
BBBB
                
CCCCC
            
            

                
AAAAAA
                
BBBB
                
CCCCC
            
            

                
AAAAAA
                
BBBB
                
CCCCC
            
        


.fixed-center-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.fixed-center-table  td{
   text-align: center;
}

col#middle-column {
   width: 600px;
}